我如何指定一个 css div 容器，以便它强制执行类似列的行为，这样当容器的高度超过其第一个“列”中的元素时，元素将继续在下一个“列”中的容器。我的目标不是指定列，而只是指定 i) 容器高度和 ii) 元素填充“列”所需的任何属性。
谢谢，
里尔
最佳答案
与指定任何 div 的方式相同，您可以为其指定class 或id。
关于您打算使用 div 来强制执行“类似列”的行为，您仅限于 CSS 列的有限实现:
#div_id {
-moz-column-width: 10em;
-webkit-column-width: 10em;
-moz-column-gap: 1em;
-webkit-column-gap: 1em;
-moz-column-count: 3;
-webkit-column-count: 3;
-moz-column-rule: 1px solid #000;
-webkit-column-rule: 1px solid #000;
column-width: 10em; /* not well-implemented yet. */
column-gap: 1em;
column-count: 3;
column-rule: 1px solid #000;
}
如果您指定 -vendor-column-count: 3 并省略 -vendor-column-width，浏览器将实现 3 列，宽度由渲染引擎，相反，如果您指定 -vendor-column-width: 10em 而未指定 -vendor-column-count，浏览器将计算适当的列数以显示.
很明显，这些 CSS3 属性仅由 Chrome/Safari (-webkit) 和 Firefox (-moz) 实现。
对于跨浏览器支持，您需要使用 JavaScript 解决方案(或使用服务器端技术):List Apart 有一个 article that references a JS implementation。 .
关于css - 指定一个 css div 容器，以便超过其高度的元素在其下一个 'column' 中继续，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3753615/