使用 column-count 和 column-gap 可实现CSS多列布局，1. column-count 设置列数如3列，2. column-gap 设定列间距如25px，文本自动分栏显示，适用于文章排版，元素无法跨列，需注意图片等元素的特殊处理。
要实现CSS多列布局，可以使用 column-count 和 column-gap 属性，它们能让文本内容自动分成多列显示，类似报纸排版效果。
column-count：设置列数
该属性定义元素内容应被分成的列的数量。
例如：column-count: 3; 表示将内容分为3列。浏览器会自动计算每列的宽度，取决于容器总宽度。
常用值为数字，如 1、2、3、4 等。
立即学习“前端免费学习笔记（深入）”；
column-gap：控制列间距
该属性用于设置列与列之间的空白距离。
例如：column-gap: 20px; 表示每列之间留出20像素的间隙。
默认值是 normal（通常为1em），但推荐显式设置像素或rem单位以获得更精确控制。
实际应用示例
以下是一个完整用法：
div {
column-count: 3;
column-gap: 25px;
}
这样，一个 div 中的文本就会自动分为三列，每列间隔25px。
这种布局适合长段文字展示，比如文章、新闻内容等。注意：多列布局中的元素不能跨列定位，且不支持所有HTML元素均匀分布（如图片可能需额外处理）。
基本上就这些，简单设置就能实现清晰的多栏排版。
