如何制作多列html ul列表？

Question

如何在不添加div，类，表等的情况下创建多列html ul列表。原始html无法更改，因为它是通过PHP输出的。

PHP代码输出我的列表：

listitem1
listitem2
listitem3
listitem4
listitem5
listitem6
listitem7

我需要多列列表。它需要一次填充1列，每列有3个列表项，每个列之间有5px的边距。它应该是这样的：

listitem1 listitem4 listitem7
listitem2 listitem5
listitem3 listitem6

我不懂PHP，所以我不知道如何输出ul列表来拥有多列。有人可以帮忙吗？

Answer 1

复制以下代码并尝试。你可以使用float：left来表示li元素。

<style type="text/css">
li{
list-style:none;
}

.grid ul{
list-style: none;
}
.grid ul li{
float: left;
margin-right:5px;
}
</style>

ul>
<li class="grid">
<ul>
<li> something1 </li>
<li> something1 </li>
<li> something1 </li>
</ul>
</li>

</ul>