（一）
column-gap主要用来设置列与列之间的间距，其语法规则如下：
（二）列表边框column-rule
column-rule主要是用来定义列与列之间的边框宽度，边框样式和边框颜色。简单点说，就有点类似于常用的border属性。但column-rule不占用任何空间位置的，在列与列之间改变其宽度不会改变任何列的位置。
语法规则：
column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color>
（三）跨列设置column-span
column-span主要用来定义一个分列元素中的子元素能跨列多少。column-width、column-count等属性能让一元素分成多列，不管里面元素如何排放顺序，他们都是从左向右的放置内容，但有时我们需要基中一段内容或一个标题不进行分列，也就是横跨所有列，此时column-span就可以轻松实现，此属性的语法如下。
column-span:none | all
取值说明：
none:此值为column-span的默认值，表示不跨越任何列。
all:这个值跟none值正好相反，表示的是元素跨越所有列，并定位在列的Z轴之上。
网友评论