Css 设置无序列表的样式

Css 设置无序列表的样式,css,html-lists,Css,Html Lists,我想知道如何创建一个自调整列表,该列表将继续向特定高度添加值,然后将其余部分向右浮动并继续该过程 我添加了一个图像来说明。我知道答案可能很简单,但我似乎无法理解 column count属性指定元素应划分的列数 答案是肯定的 .classname { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; -

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

我添加了一个图像来说明。我知道答案可能很简单,但我似乎无法理解


column count属性指定元素应划分的列数

答案是肯定的

.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;
}

答案是您应该使用
列计数
属性。。。