CSS3的多栏布局

• column-count属性

在CSS3中可以通过，column-count属性来进行多栏布局，这个属性的含义是将一个元素中的内容分成多栏进行显示

写法：

         column-count：栏目数；

兼容性写法：

        -webkit-column-count：3；

        -moz-column-count：3；

需要注意的是，在使用多栏布局的时候，要将元素的宽度设置成多个栏目的总宽度

• column-width属性，指定栏目的宽度来生成分栏

兼容性写法：-webkit-column-width、-moz-column-width

• column-gap属性，指定栏目与栏目之间的距离

兼容性写法：-webkit-column-gap、-moz-column-gap

• column-rule属性，栏目与栏目之间增加一条分割线

兼容性写法：-webkit-column-rule、-moz-column-rule

转载于:https://my.oschina.net/u/2672206/blog/707847