多列文本

Question

是否有方法可以指定文本必須位於多個列中，列寬是以百分比形式定義的？

類似：

<div style="width:20%; max-height:100px;" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. 
</div> 

如果顯示文本溢出DIV約束的新列。

Answer 1

我可能會建議在看看CSS3的多欄功能，如果您還沒有支持舊的瀏覽器：

http://www.w3.org/TR/css3-multicol/

Answer 2

目前不支持使用本機HTML。目前JavaScript必須用於獲取此功能。

參見：http://www.htmlgoodies.com/html5/tutorials/how-to-create-multi-columns-in-css3-and-javascript.html#fbid=uRKNCpHfmWY

Answer 3

這是一個JavaScript解決方案：

我做了一個iPad的WebApp在我的最後一屆，在這本來是一個報紙應用的單。爲了得到這樣的行我們使用這個jQuery插件本報：

http://archive.plugins.jquery.com/project/Columnizer

或：http://welcome.totheinter.net/columnizer-jquery-plugin/

您可以指定列的寬度，列的數量，有相當多的功能，這可能是對你的目的有用。 （但我們並不需要他們居然......）