"CSS 多列布局：columns/column-gap/column-fill 的版式实践"

概述多列布局将块级内容在多个列中流动，适合文章与长文本的版式需求。通过设定列数或列宽与间距实现不同布局策略，配合 `column-fill` 控制内容分布。示例.article { columns: 2 320px; column-gap: 24px; column-fill: auto } 工程建议可读性：控制列宽与间距；在移动端禁用或减少列数。性能：大量浮动与复杂嵌套可能影响排版性能；保持结构简洁。兼容：在旧浏览器回退到单列；避免与复杂交互组件混用。参考与验证MDN 多列布局文档：https://developer.mozilla.org/docs/Web/CSS/CSS_multicol_layout