html 块级元素 不换行,css中块级元素不换行怎么设置？

根据W3C上的解释，就是说block(块级)元素是独占一行显示的。它的兄弟元素必定不会与其在同一行中(除非脱离了文档流)。

css中的块级元素默认是独占一行显示的，如我们在HTML网页中经常使用的div就是块级元素，在我们使用div进行网页布局时经常需要将两个div设置在同一行，那么该如何设置块级元素在同一行显示呢？

下面我们就来看一下css设置块级元素不换行的方法。

以块级元素div为例设置不换行：

1、对div设置float浮动样式使div不换行

无标题文档

div{ float:left}

第一个div盒子

第二个div盒子

效果如下：

2、对div设置display并排样式

通过对div设置display:inline样式让div同样失去默认100%独占一行的宽度。

display:inline意思是让对象并排显示。

div并排实例

div{ display:inline}

第一个div盒子

第二个div盒子

效果如下：