.container {
column-count: 3;
column-gap: 20px;
}
在上述例子中，.container 类的元素被分为三列，且每一列之间的水平间隙为20像素。
需要注意的是，column-gap 属性并非所有浏览器都支持，特别是一些较旧的浏览器可能不支持这个属性。在一些早期版本的浏览器中，可以考虑使用 column-rule 属性来设置列与列之间的样式，包括线条宽度、颜色等。
.container {
column-count: 3;
column-rule: 20px solid transparent;
}
这个例子中，column-rule 的值设定了线条的宽度（20像素）和颜色（透明），实现了相邻列之间的间隙效果。在实际应用中，可以根据项目的需求来选择使用哪种方式。
转载请注明出处：http://www.zyzy.cn/article/detail/4164/CSS