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;
}