6. 多列布局column

1. 多列布局column

---

多列布局column用于定义多列文本
属性：

column-count
column-gap
column-rule
column-rule-style
column-rule-width
column-rule-color
column-span
column-width

1.1 column-count

列数

div {
   
  column-count: 3; // 将元素中的文本均分3列
}

1.2 column-gap

列间隙

div{
   
  column-gap: 40px