我正在尝试创建基于列的博客布局。我希望文本在到达页面底部时换行到新列。这是非常简单的形式,例如,当列height == the_height_of_the_wrapper
然后column-count++
.
这样的问题将是文本将均匀分布。此外,这将依赖于 css 列,我想要一些对浏览器更友好的东西。是否有此功能的现有插件或任何我可以得到一些想法的地方?
如果有人熟悉任何文本密集的 Windows 8“地铁”应用程序(例如新闻应用程序),那么这就是我试图模仿的那种布局。
我正在尝试创建基于列的博客布局。我希望文本在到达页面底部时换行到新列。这是非常简单的形式,例如,当列height == the_height_of_the_wrapper
然后column-count++
.
这样的问题将是文本将均匀分布。此外,这将依赖于 css 列,我想要一些对浏览器更友好的东西。是否有此功能的现有插件或任何我可以得到一些想法的地方?
如果有人熟悉任何文本密集的 Windows 8“地铁”应用程序(例如新闻应用程序),那么这就是我试图模仿的那种布局。
正如我在评论中注意到的那样,你不能column-count
在那里使用。但是有解决方案,请检查这个:Continuing overflowed text in a different div?
或者。您可以将固定高度(即使是百分比也可以)应用于列将适当填充的包装器。(例如:w3schools.com/css3/tryit.asp?filename=trycss3_column-count)。甚至似乎您不必指定固定的列数,因为它似乎会根据内容的要求创建额外的列。