在CSS3中，增加了多列布局的属性，利用多列布局可以用最少的代码实现多列显示，下面介绍有关多列布局属性的使用。
方法/步骤
1
新建一个html文件，命名为test.html，用于讲解CSS3中多列布局属性使用。
2
在test.html页面，创建一个div块，div内添加测试的文字，下面将对这部分文字使用多列布局。
3
多列布局属性column-count，主要用来设置内容的列数，例如，下面设置为3列。
4
多列布局属性column-gap，主要用来设置列之间的间隔，例如，下面设置列之间的间隔为40px。
5
多列布局属性column-rule-width，主要用来设置列之间的竖线分隔的宽度，例如，下面设置列之间的竖线的宽度为3px。
6
多列布局属性column-rule-style，主要用来设置列之间的竖线分隔的样式，例如，下面设置列之间的竖线的样式为虚线。
7
多列布局属性column-rule-color，主要用来设置列之间的竖线分隔线的颜色，例如，下面设置列之间的竖线的颜色为红色。
下一篇：CSS3中的伸缩布局一