CSS之多列布局

1 设置列数

语法：

E { column-count: number; }

示例：

p { column-count: 2; }

2 设置列宽

语法：

E { column-width: length; }

示例：

p {
    width: 710px;
    column-width: 150px;
}

3 设置列填充

E { column-fill: keyword; } /* keyword: balance(各列长度均衡）, auto（顺序填充，有可能最后一列内容较短）

4 结合使用column-count和column-width

div {
    column-count: 3;
    column-width: 200px;
}

也可以使用简写方式，语法：

E { columns： column-width column-count; }

示例&#