# 多行布局

属性 作用 示例值
column-count 根据容器宽度和column-count值,自动分配列宽 column-count:3;分为3列
column-gap 列之间间距
column-rule 列间的分隔线样式(颜色、宽度、样式) column-rule:1px solid #ccc;

注意

会出现底部被切断,也就是当前高度不够,然后被分裂到零一行
解决办法是强制元素不跨列分割
break: avoid-column;