【前言】
将文本划分成多列,主要属性有:column-count、column-gap、column-rule
【浏览器支持】
IE10和Opera支持多列属性
Firefox需要加-moz-前缀
Chrome和Safari需要-webkit-前缀
【column-count】
规定元素被分成的列数
div{-moz-column-count:3; ????/* Firefox */-webkit-column-count:3; /* Safari 和 Chrome */column-count:3;}
【column-gap】
规定列之间的间隔
div{-moz-column-gap:40px; ???????/* Firefox */-webkit-column-gap:40px; ???/* Safari 和 Chrome */column-gap:40px;}
【column-rule】
规定列之间的宽度、样式和颜色
div{-moz-column-rule:3px outset #ff0000; ???/* Firefox */-webkit-column-rule:3px outset #ff0000; ???/* Safari and Chrome */column-rule:3px outset #ff0000;}
CSS3中的多列
原文地址:http://www.cnblogs.com/controlms/p/7921862.html