【前言】
将文本划分成多列,主要属性有: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; }