如何在有效的XHTML / CSS中創建2列列表？

Question

我必須構建一個頁面，該頁面具有適合兩列的列表。 該列表由PHP生成，因此需要易於添加輸入。

它想：

* Lorem Ipsum           * Lorem Ipsum
* Lorem Ipsum           * Lorem Ipsum
* Lorem Ipsum           * Lorem Ipsum
* Lorem Ipsum           * Lorem Ipsum
* Lorem Ipsum           * Lorem Ipsum

我想知道是否有某種方法可以使用<ul />和<li />的基本結構來生成它：

<ul>
    <li>Lorem Ipsum</li>
    <li>Lorem Ipsum</li>
    <li>Lorem Ipsum</li>
    <li>Lorem Ipsum</li>
    <li>Lorem Ipsum</li>
</ul>

我需要支持主要的瀏覽器（不支持IE7、6）。

先感謝您！

Answer 1

我找到了解決方案：

ul li {
    margin: 0;
    padding: 0;
    width: 50%;
    float: left;
}

Answer 2

正如解釋在這里 ，一個簡單的方法來做到這一點是給一個明確的寬度到列表中，它的項目，有項目浮動到左邊：

ul {
    width: 700px;
}

li {
    width: 200px;
    float: left;
}

Answer 3

您正在尋找CSS3多欄屬性。 不幸的是，與CSS3規范中提供的許多出色功能不同，到目前為止，幾乎沒有任何瀏覽器支持此功能。 雖然有一個javascript可以使它在大多數瀏覽器中運行：

http://www.alistapart.com/articles/css3multicolumn/