CSS3创建多列布局的属性使用详解
1、新建一个html文件,命名为test.html,用于讲解CSS3中多列布局属性使用。

3、多列布局属性column-count,主要用来设置内容的列数,例如,下面设置为3列。

4、多列布局属性column-gap,主要用来设置列之间的间隔,例如,下面设置列之间的间隔为40px。

5、多列布局属性column-rule-width,主要用来设置列之间的竖线分隔的宽度,例如,下面设置列之间的竖线的宽度为3px。



1、新建一个html文件,命名为test.html,用于讲解CSS3中多列布局属性使用。
3、多列布局属性column-count,主要用来设置内容的列数,例如,下面设置为3列。
4、多列布局属性column-gap,主要用来设置列之间的间隔,例如,下面设置列之间的间隔为40px。
5、多列布局属性column-rule-width,主要用来设置列之间的竖线分隔的宽度,例如,下面设置列之间的竖线的宽度为3px。