多列布局
Columns
Columns:colnum-width每列宽度 colnum-count列数
只定义宽度,列数根据浏览器调整
只定义列数,无论浏览器怎么调整,列数不会改变
Colnum-gap定义列间距 normal(1em,默认),或者具体数字
/*定义列间距为3em,默认为1em*/
-webkit-column-gap: 3em;
-moz-column-gap: 3em;
column-gap: 3em;
Colnum-rule定义列边框,包含宽度,样式,颜色,transparent(透明显示)
/*定义列边框为2像素宽的灰色虚线*/
-webkit-column-rule: dashed 2px gray;
-moz-column-rule: dashed 2px gray;
column-rule: dashed 2px gray;
Colnum-span定义跨列显示,none默认,all表示横跨所有列
column-span: all;
Colnum-fill定义列高度,auto高度随内容变化,balance高度根据内容最多的那一列统一(默认balance)