CSS实现块级内容不换行

本题主旨在于学习display的不同值的表现。

方法1:display:inline-block

此种方法比较简单,但是由于对代码中的空格浏览器处理方法不一样,会造成内部div的间距不等,本例未处理此问题。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

方法2:display:table-cell

对于IE 7-无效,因此针对IE 7- 需要采用方法1。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。

div的内容要换行。