html - 仅使用纯 html 和 css 在多个列上添加 html 内容？

Question

我不确定以前是否有人问过这个问题，但到目前为止我似乎找不到解决方案。如果你看看报纸版面

以 2 列为例（在“标题示例”下），通常如果有文本，它只会填满第一列，但随着文本的增长，它将继续向下扩展列......

我的问题是，我能否以这样的方式排列 html 和 css，即当第一列达到一定高度时，它会自动在第二列中继续？

原因是因为它在创建 CMS 模板时会非常灵活......

score 0 · Accepted Answer

是的，您可以使用

p {
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
}

1 回答 1