javascript - CSS 列数和边距

Question

基本上我想做的是重新创建像这样堆叠的 Windows 8 风格的“水平”菜单 -

1 | 5

2 | 6

3 | 7

4 | 8

并在水平方向增长。所以输入 CSS3 Column-count！效果很好，主要是..第二->第n列中的第一项仅比第一行略高。我一直在搞乱 CSS，但我就是做错了..

这是jsbin的链接-

http://jsbin.com/urubub/36/edit

Answer 1

添加

margin-top: 0

消除.item这种不一致。

Answer 2

不太了解 css3 规则，但添加此规则似乎可以解决问题：

ul > li:first-of-type{
    margin-top: 0;
}