CSS中的動態列

我有動態元素，我想向下流動並填充多列（例如在Word中），而不是以典型方式浮動左側或右側或堆疊。是否有任何CSS的功能，使這成爲可能？如果沒有，我可以採取什麼行動？CSS中的動態列

2010-01-12 Daniel

你在說什麼像報紙版面？我知道有jQuery插件會爲你做到這一點。 – codedude 2010-01-12 22:42:27

這是可能的，但只有在CSS3，它沒有所需的市場份額尚未安全使用。

查看有關Zen Elements的文章。

一種解決方法，直到CSS3是「主流」可能是這樣的一個基於JavaScript/JQuery的解決方案：Columnizer jQuery Plugin

2010-01-12 22:42:33

非常好。我總是害怕鑽研jQuery，但我很傻，認爲它會很複雜！非常容易和很好的例子。謝謝。 – Daniel 2010-01-12 23:06:43

那麼左邊浮動的<li>又如何顯示：inline-block？

2010-01-12 22:41:40 mkoryak

我想你可能會在這裏。是否可以自動將項目分成多列？ – Daniel 2010-01-12 22:47:53

是的，如果您設置項目的寬度和容器div的高度。他們應該正確填寫 – mkoryak 2010-01-12 23:14:57

@mkoryak確實有可能模仿列的方式，但順序是錯誤的。預計列將從上到下再橫向建立，而不是相反。 – jpeltoniemi 2013-01-23 01:55:49

CSS3能夠（），但它沒有被廣泛被支持：只有最新版的Firefox的版本和Safari（以及其他基於webkit的瀏覽器，可能）支持它。

如果你絕對需要這個靈活而一般的話，JavaScript是你最好的選擇。如果你只是爲了一個特定的文本而做，你也可以對它進行硬編碼。

2010-01-12 22:42:38

回答