html - 从上到下元素排列

Question

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

我已经通过 Stack Overflow 进行了搜索，但似乎无法得到我需要的答案。下面我解释一下：

实际的：

A--B--C--D

E--F--G--H

我需要的：

A--C--E--G

B--D--F--H

Answer 1

这可能不适用于旧版浏览器，但您可以像这样使用 CSS 属性column-count：

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

示例：jsfiddle。