多列列适用于非替换块级元素、表格单元格、除表格外的行内块元素语法：columns:<'column-width'><'column-count'>;/*column-widthcolumnwidthcolumn-count列数*/如果元素有多列并且也设置了width，当元素宽度小于columnWidth*columnCount+columnGap时，元素会减少列数以适应元素width.test{columns:210px3;width:500px;}/*500<210*3，行数设置为3个单位，自适应元素的宽度变为2*/column-gap设置或获取列之间的间距。不允许负值。.test{列：210px3;column-gap:30px;}作用如下：column-rule设置或获取对象列之间的边框。语法：column-rule:<'column-rule-width'>||<'列规则样式'>||<'column-rule-color'>/*类似于border*/border在columngap的中间，如果border宽度大于gap宽度，则border覆盖内容。.test{列：210px3;列间距：20px；column-rule:30pxsolidgreen;}作用如下：column-span设置或获取对象元素是否跨越所有列Value:column-span:all;/*跨越所有列*/column-span:none;/*不要跨越*/.test{columns:210px3;列间距：20px；列规则：30px纯绿色；列跨度：全部；-moz-列间距：20px；-moz-column-rule:30px纯绿色；-moz-列跨度：全部；-webkit-column-gap:20px;-span:all;}.testdiv{background-color:yellow;}效果如下：column-fill设置或获取所有列的高度是否统一：column-span:auto;/*列高自适应内容*/column-span:balance;/*所有列的高度由最高的列统一*/column-break-before设置或获取对象前是否分行的值：column-break-before:auto;/*既不强制也不禁止在元素前断行并生成新列*/column-break-before:always;/*总是在元素之前断行并生成新列*/column-break-before:avoid;/*避免在元素之前换行并生成新列*/.test{-moz-column-count:4;-moz-列间隙：20px；-moz-column-rule:3pxsolid#090;-webkit-列数：4；-webkit-column-gap:20px;-webkit-column-rule:3pxsolid#090;列数：4；列间距：20px；column-rule:3pxsolid#090;}.testdiv{-moz-column-break-before:always;-列中断前：总是；column-break-before:always;}作用如下：column-break-after设置或获取对象后是否分行的值：column-break-after:auto;/*既不强制也不禁止在元素后换行并生成新列*/column-break-after:always;/*总是在元素后换行并生成新的列*/column-break-after:avoid;/*避免在元素后换行并生成新列*/与column-break-before相同
