item | desc |
---|---|
column-width | 最小列宽,由浏览器决定分成多少列;不能使用% |
column-count | 最大列数/栏数 |
columns | 复合属性:column-width column-count;根据宽度或列数布局;顺序任意 |
column-span | 分列元素的跨度,all 通栏,如标题 |
column-gap | 列间隔;默认是16px |
column-rule | 分隔符样式,同 border |
column-fill | 填充模式,默认是平均填充 balance,也可以指定 auto,逐列填充;通常需指定容器高度 |
.masonry-columns { columns: 4 200px; column-gap: 10px; }