1

有没有办法指定文本必须在多列中并且列宽以百分比定义？

就像是 ：

<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 绑定，则会显示一个新列。

4

3 回答 3

1

目前不支持使用本机 HTML。目前必须使用 JavaScript 才能获得此功能。

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

于 2013-04-02T13:56:53.427 回答
1

这是一个 JavaScript 解决方案：

我在大学的最后一个学期做了一个 iPad WebApp，它应该是一个报纸应用程序。为了得到像行一样的报纸，我们使用了这个 jQuery 插件：

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

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

您可以指定列的宽度、列的数量，并具有许多可能对您的目的有用的功能。（但我们实际上并不需要它们......）

于 2013-04-02T14:18:45.133 回答
1

如果您不必支持较旧的浏览器，我可能会建议您查看 CSS3 的多列功能：

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

于 2013-04-02T14:30:27.980 回答