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