html - 如何创建多列列表？

Question

我有一个“有序列表”，其中包含大约 100 个“列表项”。这个 ol 使我的页面很长，用户不得不滚动太多。

如何让 UL 显示如下:

1.           6.           11.
2.           7.           12.
3.           8.           13.
4.           9.           14.
5.          10.           15.

Answer 1

如果你不关心垂直顺序，只关心布局:

1.      2.      3.       4.
5.      6.      7.       8.
9.      10.     11.      12.

您可以这样简单地设置 li 元素:

li {
    display: block;
    width: 25%;
    float: left;
}

它应该可以工作。如果您需要让它们垂直排列，您需要在 php 脚本中将它们分成单独的 div，然后将它们 float 。