列间距column-gap

Posted 孤岚

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了列间距column-gap相关的知识,希望对你有一定的参考价值。

column-gap主要用来设置列与列之间的间距,其语法规则如下:

column-gap: normal || <length>

取值说明

属性值

属性值说明

normal

默认值,默值为1em(如果你的字号是px,其默认值为你的font-size值)。

<length>

此值用来设置列与列之间的距离,其可以使用px,em单位的任何整数值,但不能是负值。

例如:将内容分三列显列,列与列之间的间距为2em,实现代码为:

column-count: 3;
column-gap: 2em;

以上是关于列间距column-gap的主要内容,如果未能解决你的问题,请参考以下文章

css 3列

grid网格布局——色子布局

CSS3之多列布局

布局—column(属性)

CSS3——布局样式

记录column-count,column-width和column-gap之间的关系