从上到下 <ul> 元素排列答案

【问题标题】：Top to bottom <ul> element arrangement从上到下 <ul> 元素排列
【发布时间】：2013-07-25 16:19:36
【问题描述】：

我正在尝试找出如何强制元素从上到下开始。

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

实际：

A--B--C--D

E--F--G--H

我需要什么：

A--C--E--G

B--D--F--H

【问题讨论】：

你能显示你的 HTML 代码吗？
这里有一些 jQuery 解决方案：stackoverflow.com/questions/6225968/…。我的回答不一定是最好的，那个.transpose()插件看起来不错。
jsbin.com/ewapol/1/edit 谢谢！
谢谢！解决方案->jsfiddle.net/AcdcD
这个问题的重复stackoverflow.com/questions/4923/wrapping-lists-into-columns

【解决方案1】：

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

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

例如：jsfiddle.

【讨论】：