html - 分组和定位列表项 (li)

Question

假设我有以下列表:

<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>

<li>item4</li>
<li>item5</li>
<li>item6</li>

<li>item7</li>
<li>item8</li>
</ul>

我需要它在网页上像这样显示:

item1    item2    item3
item4    item5    item6
item7    item8

我将如何做到这一点？使用 CSS 是否足够简单，或者是否有一些神奇的 PHP 技巧？

我收到了一些答案，但它们似乎都基于我的解决方案，但它需要占用 870 像素并按此方式订购，而且我正在使用 bootstrap。如此敏感，没有表格之类的..

任何帮助非常感谢谢谢。

Answer 1

难道使用下面的 css 样式还不够吗？

ul{
    width: 870px;
}
li{
    width: 33.33%;
    float: left;
}

使用 870px 是因为作者在问题中说明了该值。这也可以是任何其他值。