什么是column-count文本多列布局？

我们可以看到当使用多列布局column-count属性后，可以将文本分成2两列，column-count属性的参数为整数型，即写入数字几，就代表分成几列。

列与列之间的间隔column-gap属性

我们设置column-gap属性为80px,从案例中我们也可以看到我们的文本列与列之间的间隔为80px。

列间隔的样式column-rule

column-rule属性有三个参数，分别是设置宽度，间隔样式，颜色。

CSS多列column-count的应用场景

CSS多列column-count一般运用在分段文章上，如看过老式报纸的人应该知道，一篇文章从左到右，从上往下在一个小区域内进行阅读。而不是一篇文章占用整个页面的宽度。

总结

相对于前端CSS的column-count多列属性，该属性比较冷门了，因为很少有场景需要像老式报纸那样。但是也可以编写与其他功能部分的作用。

该案例中的文字导航栏，我们可以轻松实现具有相同距离的导航栏多列布局。同时根据多列column-count的属性，我们可以轻松修改多列的宽度，以及列与列之间的样式，颜色，宽度。使用column-count多列需要注意的一点是，该属性主要作用于文本内容。