有没有办法消除div独占一行

html-css0116

有没有办法消除div独占一行,第1张

div默认是display:block的。block就是块状的意思，也就是相当于div前后各加一个换行的效果，于是这个div就独占一行了。所以你可以为div指定样式display:inline，这样就不会独占一行。另外扩展一下，span和div的主要区别之一正是span默认不是独占一行而div默认是独占一行。

1/6

新建一个html文件，命名为test.html，用于讲解css中如何解决h标签独自占用一行。

2/6

在test.html文件内，使用h3标签创建一行文字，用于测试。

3/6

在test.html文件内，给h3标签添加class属性，设置为myway。

4/6

在css标签内，通过class定义h3标签的样式，使用background属性设置它的背景颜色为红色。

5/6

在css标签内，再将display属性设置为inline，将h3标签转变为内联元素。

6/6

在浏览器打开test.html文件，查看实现的效果。

取消CSS样式可以在 层或者表格代码中 找到类似class="" 或者 id="" 之类，将其删除即可。

或者在网页代码中找到 类似这样的代码

<link href="css/css.css" rel="stylesheet" type="text/css" />

或者

<style type="text/css">

.......

</style>

将其删除即可。