css3 多列

● css3 多列
○ column-count 属性规定元素应该被分隔的列数:
○ column-gap 属性规定列之间的间隔大小
○ column-rule 属性设置列之间的宽度、样式和颜色规则
■ column-rule-color规定列之间规则的颜色。
■ column-rule-style规定列之间规则的样式。
■ column-rule-width规定列之间规则的宽度。
○ column-fill:balance(对列进行协调。浏览器应对列长度的差异进行最小化处理。)/auto(自动排列)规定如何对列进行填充
○ column-span规定元素应横跨多少列。
○ column-width规定列的宽度。
○ columns规定设置 column-width 和 column-count 的简写属性。
注释:Internet Explorer 10 和 Opera 支持多列属性。
Firefox 需要前缀 -moz-。
Chrome 和 Safari 需要前缀 -webkit-。
Internet Explorer 9 以及更早的版本不支持多列属性。

posted @ 2016-12-19 17:38  茹孟凯  阅读(79)  评论(0编辑  收藏  举报