CSS布局3-文字多列布局

• 多列布局
  • columns: columns-width | columns-count
  • column-gap 列间隔 normal | px em
  • column-rule 复合属性 列边框
  • column-fill 设置列的高度是否统一 auto | balance
  • column-span 设置是否横跨所有列 none | all

多列布局

columns: columns-width | columns-count

- column-width:auto | <length>px /* 列宽 */
- column-count:1~n;/* 列数 */

column-gap 列间隔 normal | px em

column-rule 复合属性 列边框

- column-rule-width
- column-rule-style
- column-rule-color

column-fill 设置列的高度是否统一 auto | balance

column-span 设置是否横跨所有列 none | all