CSS3多列

columns（设置或检索对象的列数和每列的宽度，复合属性）

columns：<' column-width '> || <' column-count '>;
/*<' column-width '>和<' column-count '>可只写其中一个，即复合属性
参数说明：
- <' column-width '>：每列的宽度（不允许负值，如果是auto，则根据列数自定分配宽度）
- <' column-count '>：列数（不允许负值，如果是auto，则根据列宽自定分配宽度）
*/

兼容性：IE10+、FireFox16+、Chrome36+、Safari16+、Opera23+

column-gap（设置或检索对象的列与列之间的间隙）

column-gap: <length> / normal;
/*参数说明
- <length>：用长度值来定义列与列之间的间隙，不允许负值
- normal：与字体大小相同
*/

column-rule（设置或检索对象的列与列之间的边框，复合属性）

column-gap: column-rule: <' column-rule-width '> || <' column-rule-style '> || <' column-rule-color '>;
/*参数说明
- column-rule-width：设置或检索对象的列与列之间的边框厚度
             可取值： <length> / thin / medium / thick
- column-rule-style：设置或检索对象的列与列之间的边框样式
             可取值： none / hidden / dotted / dashed（虚线轮廓） / solid
                     double / groove（3D凹槽） / ridge（3D凸槽） / inset（3D凹边） / outset（3D凸边）
- column-rule-color：设置或检索对象的列与列之间的边框颜色
*/

column-span（设置或检索对象元素是否横跨所有列）

column-span: none / all;
/*参数说明
- none：不跨列
- all：横跨所有列
*/

column-break-before（设置或检索对象之前是否断行）

column-break-before: auto / always / avoid;
/*参数说明
- auto：既不强迫也不禁止在元素之前断行并产生新列
- always：总是在元素之前断行并产生新列
- avoid：避免在元素之前断行并产生新列
*/

column-break-after（设置或检索对象之后是否断行）

column-break-after: auto / always / avoid;
/*参数说明
- auto：既不强迫也不禁止在元素之后断行并产生新列
- always：总是在元素之后断行并产生新列
- avoid：避免在元素之后断行并产生新列
*/

column-break-inside（设置或检索对象内部是否断行）

column-break-inside: auto / avoid;
/*参数说明
- auto：既不强迫也不禁止在元素内部断行并产生新列
- avoid：避免在元素内部断行并产生新列
*/