javascript - 多个动态列

Question

我正在尝试创建基于栏的博客布局。我希望文本在到达页面底部时换行到一个新列。最简单的形式是，当列 height == the_height_of_the_wrapper 时 column-count++。

这样的问题是文本会均匀分布。此外，这将依赖于 css 列，我想要一些对浏览器更友好的东西。是否有适用于此功能的任何现有插件或任何我可以得到一些想法的地方？

如果有人熟悉任何文本较多的 Windows 8“地铁”应用程序(例如新闻应用程序)，这就是我试图模仿的那种布局。

Answer 1

正如我在评论中注意到的那样，您不能在那里使用 column-count。但是有解决办法，请检查这个:Continuing overflowed text in a different div?

或者。您可以将固定高度(即使是百分比也可以)应用于列将适当填充的包装器。 (例如:w3schools.com/css3/tryit.asp?filename=trycss3_column-count)。它甚至看起来好像您不必指定固定的列数，因为它似乎可以根据内容指示创建额外的列。