- 常用值:
column-count:指定列数,值是数字。
column-width:指定列宽,值是长度。
columns :同时指定列宽和列数,复合属性;值没有数量和顺序要求。
column-gap:设置列边距,值是长度。
column-rule-style:设置列与列之间边框的风格,值与 border-style 一致。
column-rule-width:设置列与列之间边框的宽度,值是长度。
column-rule-color ::设置列与列之间边框的颜色。
coumn-rule :设置列边框,复合属性。
column-span: 指定是否跨列;
值: none 、all。
举例:
.outer {width: 1000px;margin: 0 auto;/* 直接指定列数 */column-count: 5;/* 指定每一列的宽度,会自动计算列数 */column-width:220px ;/* 复合属性,能同时指定列宽和列数 */columns: 4;/* 调整列间距 */column-gap: 20px;/* 每一列的边框宽度 */column-rule-width: 2px;/* 每一列的边框风格 */column-rule-style: dashed;/* 每一列的边框颜色 */column-rule-color: red;/* 边框相关的复合属性 */column-rule: 2px dashed red;}