如何使用CSS3 column-span 属性

1、实际代码。一个参数值 all 让其发挥作用。

h2{-webkit-column-span:all; /* Chrome */column-span:all;}

2、浏览器。对于浏览器来说，不同的浏览器在使用这个代码的时候，它们的前缀是不一样的。

 -webkit-column-span 用在safari 与  chrome 时

3、column-span 的用法。

对于这个column-span的代码来说，它的参数值是 1  它的继承性是 no

4、Java 用法。在Java当中 它的代码是 object.style.columnSpan="all"

5、这个column-span 的语法为  column-span: 1|all;

6、style 流程如下

<style> 

.newspaper

{

-moz-column-count:4; /* Firefox */

-webkit-column-count:4; /* Safari and Chrome */

column-count:4;

}

h2

{

-webkit-column-span:1; /* Chrome */

column-span:1;

}

</style>