CSS中的动态列

Question

我有动态元素，我想向下流动并填充多个列（例如在Word中），而不是向左或向右浮动或以典型方式堆叠。是否有任何CSS功能可以实现这一目标？如果没有，我可以采取什么行动？

Answer 1

这是可能的，但仅限于CSS3，它没有所需的市场份额尚未安全使用。

有关详细信息，请查看Zen Elements上的这篇文章。

直到CSS3成为“主流”的解决方法可能是基于Javascript / JQuery的解决方案，如下所示：Columnizer jQuery Plugin

Answer 2

左边浮动的<li>怎么样并显示：inline-block？

Answer 3

CSS3使它成为可能（explanation/description here），但它还没有被广泛支持：只有最新版本的Firefox和Safari（以及其他基于webkit的浏览器）可能支持它。

如果您绝对需要灵活且通用，那么JavaScript是您最好的选择。如果你只为一个特定的文本做这件事，你也可以对它进行硬编码。