自动排列列表项（如表格列）（书籍词汇表样式）

Question

我想要一个按字母顺序排列的列表。

捕获：

1. 列表项具有固定宽度
2. 列表将具有固定的高度。
3. 项目应从指定高度后的顶部开始

请查看图片以供参考。

What i got yet

提前致谢！

Answer 1

使用 CSS3 列，您可以非常轻松地实现所需的行为。这是一个如何做的示例。

<强> HTML ：

<ul>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
</ul>

<强> CSS ：

ul {
    -webkit-column-count: 3; /*3 is just a placeholder -- can be anything*/
    -moz-column-count: 3;
    column-count: 3;
    width: 300px; /*your fixed width*/
    height: 100px; /*your fixed height*/
}

<强>结果：

Jquery替代方案： Taylor Smith的一个很棒的插件Jquery column sort

我希望以任何方式提供帮助！