以下是一个简单的例子：
.example {
column-count: 3; /* 将元素分割成三列 */
column-gap: 20px; /* 列与列之间的间隙为 20px */
}
在这个例子中，.example 类的元素被设置为分割成三列，使用 column-gap: 20px; 将列与列之间的水平间隙设置为 20 像素。
如果你希望使用浏览器默认的列间距，可以将 column-gap 设置为 normal，这样浏览器将使用其默认的间距：
.example {
column-count: 3; /* 将元素分割成三列 */
column-gap: normal; /* 使用浏览器默认的列间距 */
}
需要注意的是，column-gap 只影响列与列之间的水平间隙，垂直间隙可以通过 column-rule 属性来设置。如果需要更复杂的多列布局，可能需要结合使用其他与多列相关的属性，例如 column-count、column-width 等。在现代网页设计中，Flexbox 和 Grid 布局通常提供更强大且灵活的布局选项。
转载请注明出处：http://www.pingtaimeng.com/article/detail/6049/CSS