格式化列表項以將其垂直排列，然后在向左浮動時水平排列

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

A List Apart的這篇文章可能會對您有所幫助。 雖然是從2005年開始的，所以可能有些過時了。 不過，這是一個起點。