不使用多个div的CSS列？

我想得到4列，其中的文字都是浮动的。我不想让4个单独的div s，因为当第一列如果充满文本，文本应该继续在下一列。不使用多个div的CSS列？

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

你有什么想法吗？

来源

2009-10-21 Johan

此文章(11 Classic CSS Techniques Mad Simple With CSS3)显示了如何使用Mozilla和WebKit特定的属性执行此操作。像这些列是列表中的项目编号9。

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

来源

2009-10-21 21:24:11 AaronSieb

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

这是script with some of the groundwork。

可用于CSS3的article explaining future support。

来源

2009-10-21 20:13:59

这篇文章（http://net.tutsplus.com/tutorials/html-css-techniques/11-classic-css-techniques-made-simple-with-css3/）演示了如何使用Mozilla来做到这一点，并且WebKit特定的属性。对于IE，您需要等待CSS3支持或使用脚本。 – AaronSieb 2009-10-21 20:43:05

尼斯链接（项目＃9是相关信息）。他们还指出了列式jQuery插件。亚伦，你应该回答这个问题。 =） – 2009-10-21 21:05:20

不使用多个div的CSS列？

回答

相关问题