CSS3创建多列布局的属性使用详解
新建一个html文件，定名为test.html，用于讲解CSS3中多列结构属性利用。
在test.html页面，建立一个div块，div内添加测试的文字，下面将对这部门文字利用多列结构。
多列结构属性column-count，本家儿要用来设置内容的列数，例如，下面设置为3列。
多列结构属性column-gap，本家儿要用来设置列之间的距离，例如，下面设置列之间的距离为40px。
多列结构属性column-rule-width，本家儿要用来设置列之间的竖线分隔的宽度，例如，下面设置列之间的竖线的宽度为3px。
多列结构属性column-rule-style，本家儿要用来设置列之间的竖线分隔的样式，例如，下面设置列之间的竖线的样式为虚线。
多列结构属性column-rule-color，本家儿要用来设置列之间的竖线分隔线的颜色，例如，下面设置列之间的竖线的颜色为红色。
- 发表于 2019-08-07 00:17
- 阅读 ( 1267 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章