有没有一种方法可以将列表分成几列？

Question

我的网页上有一个“瘦”列表：例如，一个包含100个项目的列表，每个项目的长度为一个单词。为了减少滚动，我想在页面的两列甚至四列中显示此列表。我该如何使用CSS？<ul>    <li>Item</li>    <li>Item</li>    <li>Item</li>    <li>Item</li>    <li>Item</li>    <li>Item</li>    <li>Item</li>    <li>Item</li>    <li>Item</li>    <li>Item</li></ul>我希望该解决方案具有灵活性，这样，如果列表增加到200个项目，则无需进行很多手动调整即可容纳新列表。

Answer 1

如果您正在寻找一种适用于IE的解决方案，则可以将列表元素浮动到左侧。但是，这将导致列表四处乱动，如下所示：

item 1 | item 2 | item 3

item 4 | item 5

而不是整洁的列，例如：

item 1 | item 4

item 2 | 

item 3 | 

这样做的代码是：

ul li {

  width:10em;

  float:left;

}

您可以在lis处添加一个下边框，以使项目从左到右的流动更加明显。