为了获得所有产品的概览，我将每个产品都列为一个列表项。 ul 我给了 mulit-column 属性并将列数设置为 5。我有 9 个产品，所以第一行应该有 5 个元素，第二行应该有 4 个 - 对吗？
ul.products{
-moz-column-count: 5;
-moz-column-gap: 30px;
-webkit-column-count: 5;
-webkit-column-gap: 30px;
column-count: 5;
column-gap: 30px;
}
问题是只填充了 3 列。第四和第五个没有产品/列表项。我做了一个 jsfiddle，所以你可以看到这个并进行实验:http://jsfiddle.net/oliverspies/W8PE9/2/
为什么列表项是这样排列的？我需要做什么才能填充所有列？
最佳答案
如果您删除 .products li 上的 display:inline-block，您将拥有 5 列。
看到这个 FIDDLE
关于CSS 多列 : not all columns filled，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21304716/