css3 column CSS3 column-span 属性

css3 column

CSS3 column 是 CSS3 中新增的一个属性，它可以将一段文本分割成多列，从而达到报纸、杂志等效果。它的语法如下：

column-count: ;
column-width: ;
column-gap: ;

其中 column-count 属性用于设置文本的列数，column-width 用于设置每列的宽度，column-gap 用于设置每列之间的间隙。当使用 column-count 属性时，浏览器会根据 column-count 的值来自动计算出 column-width 的值；而当使用 column-width 属性时，浏览器会根据 column-width 的值来自动计算出 column-count 的值。

CSS3 column 还可以通过其他一些属性来进行配置，例如可以通过 columns 属性来同时配置多个不同的参数；也可以通过 break-before、break-after、break-inside 属性来控制文本在不同列之间的换行情况。此外，CSS3 还引入了一个新的单位——rem （root em ） ，它是相对于根元素 font size 而定义的单位。因此我们可以使用 rem 来配置 CSS3 columns 相关的参数。

CSS3 column-span 属性

h2
{
-webkit-column-span:all; 
column-span:all;
}

column-span: 1|all;