使用CSS列数

Question

我有一个page full of cards，我想分为两列。到目前为止还算不错，但是在Firefox / Win中，两列的高度差异很大-第一列的底部有很大的差距，而另一列还在不断增加...

以下是用于div的相关CSS：

 column-count: 2;
 column-gap: 0.8em;                                                             
 column-fill: balance;

非常感谢您帮忙解决此问题。

Answer 1

更改您的CSS代码：

column-count: 2;
 -webkit-column-count: 2;
 -moz-column-count: 2;
 column-gap: 0.8em; 
 -webkit-column-gap: 0.8em; 
 -moz-column-gap: 0.8em;