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;解决多列错误换行问题

浙公网安备 33010602011771号