column-count: 列数目
column-gap: 各列之间间隙宽度
column-width: 建议宽度;未必会使用,浏览器基于此数值进行计算。
column-rule:列之间分割线宽度,风格,颜色
column-rule-width:列之间分割线宽度
column-rule-style:列之间分割线风格
column-rule-color:列之间分割线颜色
column-span: 允许一个元素的宽度跨越多列
column-fill: 分列方式
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
.demo{
/*列数目*/
column-count: 2;
/*列之间分割线宽度,风格,颜色*/
column-rule:1px solid red;
font-size:12px;
border:1px solid #e2e2e6;
}
.demo li{
list-style: none;
}
分栏布局(多列布局)
最新推荐文章于 2024-06-29 17:13:59 发布