CSS原生分栏效果，column属性的简单使用

1. 首先给定一个div

<div class="column">
    <div class="item">1</div>
    <div class="item">2</div>
    <div class="item">3</div>
    <div class="item">4</div>
</div>

2 .给父元素column指定分栏 ， 这里指定四个

.column{
    column-count:4;  // 指定父元素分栏个数  ，列数
    column-gap: 10px; // 指的是分的列和列的间距
    column-rule:4px solid #ccc // 分栏之间的分割线
}

3. 现在父元素已经被分为四列

4. 查看效果