使用jquery或php将列表拆分为列

Question

我为它li做了循环现在它在狭窄的顺序下显示为20 li.

<ul>
    <?php for($i=1;$i<=20;$i++) { ?>
        <li>
            <?php echo $i;?>
        </li>
    <?php } ?>
</ul>

我想将它分成每列中的5个列的列

1   6   11   16
2   7   12   17
3   8   13   18
4   9   14   19
5   10  15   20

我怎么能这样拆分.任何建议都会很棒.

提前致谢.

Answer 1

我不确定你是否可以用一个列表来做.您可以<ul>为每个块创建一个新的:

$data = range(1, 20);
$lists = array_chunk($data, 5);

foreach ($lists as $list) {
  echo '<ul>';
  echo '<li>' . implode('</li><li>', $list) . '</li>';
  echo '</ul>';
}

然后只需浮动<ul>元素:

ul {
  float: left;
}