从上到下 <ul> 元素排列

Posted 2023-05-08

【中文标题】从上到下 <ul> 元素排列

【英文标题】：Top to bottom <ul> element arrangement

【发布时间】：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 解决方案：***.com/questions/6225968/…。我的回答不一定是最好的，那个.transpose()插件看起来不错。

jsbin.com/ewapol/1/edit 谢谢！

谢谢！解决方案->jsfiddle.net/AcdcD

这个问题的重复***.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.