【发布时间】：2013-07-26 09:18:47
【问题描述】：
我不确定以前是否有人问过这个问题，但到目前为止我似乎找不到解决方案。如果你看一下报纸版面
以 2 列为例（在“标题示例”下），通常如果有文本，它只会填满第一列，但随着文本的增长，它会继续向下扩展列......
我的问题是，我是否能够以这样一种方式排列 html 和 css，即当第一列达到一定高度时，它会自动在第二列中继续？
原因是因为它在创建 CMS 模板时会非常灵活.....
【问题讨论】：
【发布时间】：2013-07-26 09:18:47
【问题描述】：
是的，您可以使用
p {
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
}
你可以在http://www.w3schools.com/css3/css3_multiple_columns.asp阅读更多关于这个属性的信息
【讨论】：
-
哦，我不知道 css 有这个属性，但是如果他们至少支持 IE9 那就太好了：P
-
@VincentChua 不要忘记接受答案！这绝对是做到这一点的方法。对于较旧的浏览器，您必须使用 javascript。一些很好的库是：Masonry、Isotope 和 Packery。