问css中的列超过三列

EN

对浮点属性使用div和css

带有display的内联块多个div：-

• (不错，但在带有float: left或right的旧browsers)
• Multiple div中缺乏支持(浮点数很难使用，可能会在其他方面使您的布局不灵活)
• 带有display：
• 的多个div：

-(一些巧妙的效果，如我的测试中的自动宽度，但我对这里的跨浏览器支持程度很警惕)

然后是this SO post。

对于mozilla和webkit，使用[-moz-|-webkit-]column-count属性。您可以像这样使用它

<div id="mcol">
   <p>...</p>
   <p>...</p>
</div>

#mcol {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}

有关多个列的更多详细信息和其他有用属性，请参阅此article。

对于IE，请参阅此article中的方法或使用脚本。