分栏布局

CSS分栏效果由 column 属性提供：

• column-width ---- 表示栏目宽度
• column-count ---- 表示栏目列数
• column-gap ---- 表示栏目距离
• column-rule ---- 表示间隔线
  示例：

<div class="wrapper">
    ghh彻底击溃差不多什么传的是金属底壳参谋，那，下吃什么菜单充分的那超神的除霉道德观察思考v和菜单查还不错从v计划失败向汉朝你聪明，从v大喊大叫从北京机会成本的实际处境断简残编警察局筹备阶段是HW从北京1234567890.采购电脑吃高蛋白阿米巴，久了就看过机场大巴v看更具看点菜单框说出你的，除霉本门从丹麦，1你好呀！
</div>

CSS：

.wrapper{
    width: 200px;
    column-width: 50px;
    column-count: 3;
    column-gap: 5px;
    column-rule: 1px dashed black;
}

上面css代码也可做简写：columns 。比如：columns: 50px 3;

这是对 column-width 和 column-count 两属性的简写形式。

效果如下图：