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. 查看效果