从上到下<ul>元素排列</ul>

Question

我正在试图找出如何强制元素从顶部开始到底部。

我搜索了Stack Overflow，我似乎无法得到我需要的答案。下面我解释一下：

实际值：

A--B--C--D

E--F--G--H

我需要什么：

A--C--E--G

B--D--F--H

Answer 1

这个might not work in older browsers但你可以像这样使用CSS属性column-count：

ul {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
}

示例：jsfiddle。