CSS多列布局

转载自：www.cnblogs.com/LCH-M/p/933…

如下多列属性：

column-count：规定元素应该被分隔的列数。
column-gap：规定列之间的间隔。
column-rule：设置所有 column-rule-* 属性的简写属性。

 #one{
                 column-count: 3;  /*分3栏*/
                column-gap: 40px;  /*栏间距*/
                column-rule: 2px solid lightgreen;  /*栏间分隔线，与border设置类似*/
                 line-height: 26px;
                font-size: 14px;
                height: 500px;
                background: lightcyan;
                background: lightcyan;
            }