使用面所介绍的column-width和column-count属性能够很方便地将元素创建为多列布局，而列与列之间的间距是默认的大小。通过使用column-gap属性可以设置分列布局中列与列之间的间距，从而可以更好的控制多列布局中的内容和版式。

column-gap属性的语法格式如下。

column-gap: normal | <length>;

column-gap属性的属性值说明如下表所示。

多列布局中的column-gap属性类似于盒模型中的margin和padding属性，具有一定的空间位置，当其值过大时会撑破多列布局，浏览器会自动根据相关参数重新计算列数，直到容器无法容纳时，显示为一列为止。但是column-gap属性与margin和padding属性不同的是，其只存在于列与列之间，并与列高度相等。