第二列顶部间距（css列）存在问题

Question

我的问题是，当我尝试向column：2 list的所有元素中添加底部空白时，我为间距添加了margin-bottom：5px，但由于某种原因，它使间距增加了一倍。第三元素底部和第四元素顶部中的一个（这给我带来了问题）

我的问题有解决方案吗？谢谢

Answer 1

我刚刚在Chrome浏览器中遇到了这个错误。

经过一点调查，似乎<li>第一列中最后一个的底部位于第二列的顶部。

解决方案是将以下内容应用于<li>：

display: inline-block;
width: 100%;

希望对其他人有帮助。