CSS 指定列之间的间隙

column-gap 属性规定列之间的间隔。

下面的例子指定列之间的间距为 40 像素：

实例

div {
  column-gap: 40px;}

亲自试一试

CSS 列规则

column-rule-style 属性规定列之间的规则样式：

实例

div {
  column-rule-style: solid;}

亲自试一试

column-rule-width 属性规定列之间的规则宽度：

实例

div {
  column-rule-width: 1px;}

亲自试一试

column-rule-color 属性规定列之间的规则的颜色：

实例

div {
  column-rule-color: lightblue;}

亲自试一试

column-rule 属性是用于设置上面所有 column-rule-* 属性的简写属性。

下例设置了列之间的规则的宽度、样式和颜色：

实例

div {
  column-rule: 1px solid lightblue;}

亲自试一试

指定元素应该横跨多少列

column-span 属性规定元素应跨越多少列。

下例规定了<h2> 元素应跨所有列：

实例

h2 {
  column-span: all;}

亲自试一试

指定列宽度

column-width 属性为列指定建议的最佳宽度。

下例规定了列的建议最佳宽度应为 100px：

实例

div {
  column-width: 100px;}

亲自试一试

CSS 多列属性

下表列出了所有的多列属性：