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:避免在元素内部断行并产生新列 */