css 多列布局
- column-widthCSS3
- column-width属性建议一个最佳列宽。列宽是在添加另一列之前列将成为最大宽度。
- column-gapCSS3
- column-gap 该 CSS 属性用来设置元素列之间的间隔 (gutter) 大小。
- column-spanCSS3
- CSS 属性column-span 的值被设置为all时,可以让一个元素跨越所有的列。
- column-fillCSS3
- column-fill CSS属性控制如何将内容分区为列。内容要么是平衡的,这意味着所有列中的内容将具有相同的高度,要么在使用auto时,只占用内容所需的空间。
- break-beforeCSS3
- break-before CSS 属性定义页面,列或区域在生成的盒子之前应如何处理中断。 如果没有生成的盒子,则忽略该属性。
- break-afterCSS3
- break-after CSS 属性描述在生成的盒子之后的页面,列或区域中断行为(换句话说,如何以及是否中断)。如果没有生成的盒子,则该属性将被忽略。
- break-insideCSS3
- break-inside CSS 属性描述了在多列布局页面下的内容盒子如何中断,如果多列布局没有内容盒子,这个属性会被忽略。