css3中新出现的多列布局（multi-column）是对html布局模式的有力扩充，它能轻松的让文本呈现多列显示，就像报纸上的新闻排版一样。
属性：
--column-count：设置列的个数。数字为想要把文章分为的列数，浏览器会自动计算每 列的宽度。
如：将文字分成4列
代码如下：
效果如下：
--column-width：设置每列的宽度。设置后，浏览器会根据设置的宽度自动计算调整列数，如果宽度不足两列，则只显示一列，宽度设置也将失效。
列宽为10rem时：浏览器根据列宽将其分为7列
列宽为10rem时：浏览器根据列宽将其分为3列
列宽为40rem时：浏览器宽度不足两列时，只显示1列
---columns:是column-count 和 column-width的简写,优先保证宽度，在宽度⾄至少能达到指定宽度时，设置列列数。
除了想要设置列数和列宽外，我们有时还想要设置列间隙和列的边框。
---column-gap(列间隙)：建议值为1em
没有设置列间隙时
设置后
列边框设置包括边框的颜色（column-rule-color）、线宽（column-rule-width）、线样式（column-rule-style）。column-rule是这三个属性的复合属性。
column-rule-width: thin/medium/thick/具体数值。
column-rule-color： 颜色。
column-rule-style： dotted/dashed/solid。
当需要跨列设置时，我们可以用column-span进行设置
column-span: 1/all; 默认跨一列
为了保证浏览器最大的兼容性问题：我们可以在这些属性前加上前缀：-webkit-,-moz-,-ms-。
