1、column-count:n  设置内容分为几列

2、column-gap:npx  设置列间距

3、column-rule:2px solid #000 设置分割线

4、column-span:设置标题的位置(标题单独设置)

all:在所有列的上方显示

1:默认在第一列上方显示(默认值)

5、column-fill:设置的是盒子的剩余高度

auto:前面占满,最后剩余

balance:平分高度(默认值)

6、column-width:设置内容每列的宽度

会和column-count冲突,如果两个属性都设置,以分割完的内容宽度宽的为主。

7、break-inside: avoid;解决多列错误换行问题

posted on 2021-06-30 16:53  phantom_yy  阅读(47)  评论(0)    收藏  举报