不使用多个div的带有css的列?

本文 (11 Classic CSS Techniques Mad Simple With CSS3) 演示如何使用特定于Mozilla和WebKit的属性执行此操作。像这样的列是列表中的第9项。

对于IE,您需要等待CSS3支持或使用脚本,例如 Columnize jQuery plugin 在文章中提到。

这是很难实现的,而不是HTML的设计方式。建议的方法是在一个HTML元素(DIV或P等)中呈现所有文本,并在浏览器中根据预先确定的“首选高度”和列数动态更改内容和标记。您可以使用jquery的height()方法来帮助您完成这项工作。

这里是一个 script with some of the groundwork .

一个 article explaining future support 在CSS3中提供。