多列布局column-gap，column-rule，column-span

（一）

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

（二）列表边框column-rule

column-rule主要是用来定义列与列之间的边框宽度，边框样式和边框颜色。简单点说，就有点类似于常用的border属性。但column-rule不占用任何空间位置的，在列与列之间改变其宽度不会改变任何列的位置。

语法规则：

column-rule:||

（三）跨列设置column-span

column-span主要用来定义一个分列元素中的子元素能跨列多少。column-width、column-count等属性能让一元素分成多列，不管里面元素如何排放顺序，他们都是从左向右的放置内容，但有时我们需要基中一段内容或一个标题不进行分列，也就是横跨所有列，此时column-span就可以轻松实现，此属性的语法如下。

column-span:none | all

取值说明：

none:此值为column-span的默认值，表示不跨越任何列。

all:这个值跟none值正好相反，表示的是元素跨越所有列，并定位在列的Z轴之上。