设置无序列表的样式

时间:2014-10-23 05:20:15

标签: css html-lists

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

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

enter image description here

1 个答案:

答案 0 :(得分:0)

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