设置无序列表的样式

Question

我想知道如何创建一个自我调整列表，继续将值添加到特定高度，然后将其余部分浮动到右侧并继续该过程。

我添加了一张图片来说明。我知道答案可能很简单但我似乎无法掌握它。

Answer 1

column-count属性指定元素应分成的列数。

Link回答。

.classname {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;

    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;

    -webkit-column-rule: 4px outset #ff00ff; /* Chrome, Safari, Opera */
    -moz-column-rule: 4px outset #ff00ff; /* Firefox */
    column-rule: 4px outset #ff00ff;
}