html - 如何修改跨越多列的 的方向？

Question

我正在制作 <ul>按字母顺序排序的元素，跨越多行。可以在这里看到一个例子:

http://jsfiddle.net/H4FPw/1/

目前列表是水平布局的，如下:

a  b  c

d  e  f

g  h  i

j  k  l

但客户就是客户，我现在被要求更改此设置，以便列表是垂直方向的，如下所示:

a  e  i

b  f  j

c  g  k

d  h  l

不幸的是，我不知道如何以我最初做的那种整洁的方式来做这件事。

如果可以用单个 <ul> 做的话，有人可以告诉我吗？和CSS？还是我必须制作多个列表？

Answer 1

您不必使用多个列表，只需使用一些矩阵数学。

我在这里尝试了一下，只要最初它按字母顺序水平排列并且行和列已知，您就可以使用 jQuery 对其进行转换。

http://jsfiddle.net/H4FPw/12/

编辑:哦，是的，我添加了一个 id="place"属性为 <ul> .