html - 格式化列表项以垂直按字母顺序排列，然后在向左浮动时水平排列

Question

假设我有以下 html:

<ul id="a">
    <li>a</li>
    <li>b</li>
    <li>c</li>
    <li>d</li>
</ul>

以及以下 CSS:

ul#a {width:20px;}
ul#a li {float:left; width:10px;}

当前输出为:

a   b
c   d

我想要的输出是:

a   c
b   d

有没有办法不把 li 分成两个 ul 来做到这一点？

谢谢， -汤姆

Answer 1

This article from A List Apart可能会帮助你。不过是 2005 年的，所以可能有点过时了。尽管如此，它仍然是一个起点。