Css3之高级-3 Css多列属性(分隔列、列间隔、列规则、浏览器兼容性)

一、多列属性


分割列

  - column-count 属性规定元素应该被分隔的列数

Css3之高级-3 Css多列属性(分隔列、列间隔、列规则、浏览器兼容性)_第1张图片


列间隔

  - column-gap 属性规定列之间的间隔

Css3之高级-3 Css多列属性(分隔列、列间隔、列规则、浏览器兼容性)_第2张图片


列规则

  - column-rule 属性规定列之间的宽度、样式和颜色

      - 语法为: column-rule: width style color;



浏览器兼容性

  - Internet Explorer 10 和 Opera 支持多列属性

  - FireFox 需要前缀 -moz-

  - Chrome 和 Safari 需要前缀 -webkit-

Css3之高级-3 Css多列属性(分隔列、列间隔、列规则、浏览器兼容性)_第3张图片


总结:本章内容主要介绍了 Css多列属性(分隔列、列间隔、列规则、浏览器兼容性)


本文出自 “会飞的蚂蚁” 博客,谢绝转载!

你可能感兴趣的:(浏览器,internet,explorer)