不使用多個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列？

回答

相關問題