使用 CSS column-count 时列高不均匀答案

【问题标题】：Uneven column height when using CSS column-count使用 CSS column-count 时列高不均匀
【发布时间】：2018-12-10 10:16:05
【问题描述】：

我有一个page full of cards，我想将其分成两列。到目前为止一切都很好，但是在 Firefox/Win 中，两列的高度是不同的——第一列的底部有一个很大的差距，而另一列一直在继续......

这是封闭 div 的相关 CSS：

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

如果能帮我解决这个问题，我将不胜感激。

【问题讨论】：

标签： html css

【解决方案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;

【讨论】：