CSS没有使用多个div的列？

Question

我希望获得4列，其中所有文本都会浮动。我不想制作4个单独的div，因为当第一列充满文本时，文本应该在下一列中继续。

我还想设置每列的宽度和之间的填充。此外，高度应该是灵活的，具体取决于文本的数量。

你有什么想法吗？

Answer 1

这很难实现，而不是HTML的设计方式。建议的方法是将所有文本呈现在单个HTML元素（div或p等）中，并在浏览器中根据预定的“首选高度”和列数动态地改变内容和标记。你可以使用jQuery的height（）方法来帮助你。

这是script with some of the groundwork。

CSS3中提供article explaining future support。

Answer 2

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

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