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

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 3item 4 | item 5而不是整洁的列，例如：item 1 | item 4item 2 |&nbsp;item 3 |&nbsp;这样做的代码是：ul li {&nbsp; width:10em;&nbsp; float:left;}您可以在lis处添加一个下边框，以使项目从左到右的流动更加明显。