Javascript 如何以固定列数水平动态显示列表？

我试图水平显示一个包含3列的列表，如果列被填满，它会自动显示新行。我试图用php编写代码，但没有得到任何结果。所以，如果有人能提供一些方法使之成为可能，请告诉我。我正在附上快照：

？php
$cnt=0；
而（$cnt>0）
{
如果（$cnt==0）
{   
?>
李>►

您可以有两个这样的循环

for(;$i<$total;)
new row
for($j=0;$j<3;$j++)
$i++
display content 

对于PHP中的（；$i，请使用“modulo”，如下所示：

<table>
  <tr>
<?php
$i = 0;
foreach($menu as $item) {
  if($i % 3 == 0) {
     // This will be executed 1 in 3 times.
     echo "</tr><tr>";
  }
  echo "<td>".$item."</td>"
}
?>
  </tr>
</table>



这只是一个例子，这里生成的HTML不一定适合您的代码

你可以改用CSS

<ul>
  <li>Menu 1</li>
  <li>Menu 2</li>
  <li>Menu 3</li>
  <li>Menu 4</li>
  <li>Menu 5</li>
  <li>Menu 6</li>
</ul>

<style>
  li {
    display: inline-block;
    width: 33%;
    list-style: none;
  }
</style>


菜单1
菜单2
菜单3
菜单4
菜单5
菜单6

李{
显示：内联块；
宽度：33%；
列表样式：无；
}
1.垂直柱
如果你不介意的话，你可以使用CSS列


ul{
-moz列数：3；
-webkit列数：3；
列数：3；
}

第1栏
第2栏
第3栏
第4栏
第5栏
第6栏
第7栏
第8栏
第9栏
先生，我已经编辑了我的问题，您的答案似乎很简单，但我不知道如何将其添加到我的代码中。先生，您的代码工作正常，但给出了一些奇怪的输出，我也发布了我的代码，我正试图在其中实现它。因此，如果您可以基于此提出建议，那将非常有用。先生。如果您不能帮助某人，请不要否决我的建议至少有问题，谢谢。
<ul>
  <li>Menu 1</li>
  <li>Menu 2</li>
  <li>Menu 3</li>
  <li>Menu 4</li>
  <li>Menu 5</li>
  <li>Menu 6</li>
</ul>

<style>
  li {
    display: inline-block;
    width: 33%;
    list-style: none;
  }
</style>