CSS Columns使用教程
页面布局通常来说指的是元素间或者说模块间的布局，但某些场景下我们需要考虑文字的布局？过长的文本段落不适合阅读，因为它意味着我们的眼球需要转动更长的距离；报纸的排版就可以解决这个问题，在CSS中也有对应的属性——columns。
报纸排版示例：
相关属性：
columns: 设置列宽度或者列个数，比如columns: 2, columns: 200px, columns: 2 auto...。
column-rule: 设置分割线样式，默认无，类似border属性,我们可以设置一条1px的黑线：1px solid black。
column-gap: 设置列之间的间隔宽度。
column-span: 设置某列横跨所有列，比如在文章中插入醒目的大标题。
完整示例：
See the Pen by (@justforuse) on CodePen.
兼容性：
觉得作者写得不错？不妨轻击下方按钮~
