4、列间距column-gap
column-gap主要用来设置列与列之间的间距。
语法规则如下:
column-gap: normal || <length>
取值说明:
属性值 | 属性值说明 |
normal | 默认值,默认值为1em(如果你的 字号是px,,其默认值为你的font-size值)。 |
<length> | 此值用来设置列与列之间的距离,其可以使用px、em单位的任何整数值,但不能是负值。 |
例如:将内容分三列显列,列与列之间的间距为2em,实现代码为:
column-count: 3; column-gap: 2em;
style.css代码:
.columns{ paddding:5px; border:1px solid green; width:900px; margin:20px auto; -webkit-column-count:3; -moz-column-count:3; -o-column-count:3; -ms-column-count:3; column-count:3; -webkit-column-gap:3em; -moz-column-gap:3em; -o-column-gap:3em; -ms-column-gap:3em; column-gap:3em; }