就像 Word 中一页分多栏,报纸分栏排版一样。

这些文字会被分成两栏,使用 column-count 指定栏数量;column-gap 是栏之间的间隙;column-rule 是分隔线。

column-count 表示有多少列。

column-gap 是两栏之间的间隙宽度,并不是某一栏的间隙。

column-rule 并不占据宽度,它如同背景,不影响前景布局。

上图中分隔线左边很多空白,由于左边栏的文字恰好写不下一个字,所以空出来了。

column-span

column-width

这种是限定了总宽度,但是不指定 column-count,指定 column-width,根据 column-width 自动计算有几栏。