用純html和css在多列上添加html內容？

我不確定這是否曾被問過，但我似乎無法找到迄今爲止的解決方案。如果你在報紙版面看看用純html和css在多列上添加html內容？

就拿了2columns（在「標題例」），通常如果它只是填補了第一列文本，但作爲文本的增長它將繼續向下擴展列......

我的問題是，我可以安排的HTML和CSS的方式，當第一列達到一定的高度，它會自動繼續在第二列？

的原因是因爲這將是當它涉及到建立CMS模板非常靈活.....

可能的重複[將一個div標籤分成3個部分]（http://stackoverflow.com/questions/1996 8548 /將一個單獨的div標籤分成3段） – m59

是的，你可以使用

p { 
-moz-column-count:2; /* Firefox */ 
-webkit-column-count:2; /* Safari and Chrome */ 
column-count:2; 
}

2013-07-26 09:22:59

哦，我不知道css有這個屬性，但是如果他們至少支持IE9，它會很好：P –

@VincentChua不會忘記接受答案！這絕對是做到這一點的方法。對於舊版瀏覽器，您必須使用JavaScript。一些好的圖書館是：砌體，同位素和包裝。 – m59

回答