参数设置
可实时预览
修改任意参数后预览与代码会自动更新；列数取值范围为 1～12，列间距为 0～120px。
实时预览
多列布局常被用于报刊、杂志与长文排版场景，通过 column 系列属性即可让内容自动分栏。
column-count 控制列数，column-gap 控制列间距，column-rule 为相邻两列之间绘制分隔线。
column-fill 决定列高分配方式，balance 会在各列之间均衡分配内容，auto 则按顺序依次填满。
在窄屏设备上可以配合媒体查询减小列数，让阅读体验更加自然舒适。
预览区按当前参数实时渲染，最终效果可能因浏览器实现略有差异。
生成的 CSS
列数3
列间距24px
分隔线1px
填充方式balance
调整参数后这里会显示生成的 CSS。
复制后可直接粘贴到样式表中，按需替换选择器 .columns 即可。