【CSS3】列间距column-gap

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/happyhaojie/article/details/50734893

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

column-gap: normal || <length>

取值说明

属性值

属性值说明

normal

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

<length>

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

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

column-count: 3;
column-gap: 2em;
展开阅读全文

没有更多推荐了,返回首页