使用column-count属性可将文本分多列显示，如column-count: 3设置三列，配合column-gap和column-rule优化间距与分隔线，适用于块级文本元素，实现报纸式排版。
在CSS中，可以通过 column-count 属性来设置元素内的文本自动分成多列显示。这个属性定义了希望将内容分割成多少列，浏览器会自动处理布局。
基本语法
column-count: number | auto;
- number：指定列的数量，比如 2、3、4 等
- auto：由浏览器根据其他属性（如 column-width）决定列数
简单使用示例
将一段文字分为三列显示：
.multi-column {column-count: 3;
}
HTML 结构：
立即学习“前端免费学习笔记（深入）”；
这是一段很长的文字内容……
配合其他属性优化效果
为了更好的视觉效果，通常和以下属性一起使用：
- column-gap：控制列之间的间距，默认是 1em
- column-rule：在列之间添加分隔线
例如：
.multi-column {column-count: 3;
column-gap: 20px;
column-rule: 1px solid #ccc;
}
注意事项
不是所有元素都适合多列布局。块级元素常用，而行内元素需要先设为 block 或 inline-block。同时，多列中的内容应以文本为主，复杂嵌套元素可能影响可读性。
基本上就这些，column-count 是实现报纸式排版的简便方式。
