关于css3 分栏 column属性

首先关于column的使用要注意你使用的是哪种浏览器的问题。

1.columns

columns:100px 2；

你也可以这样定义：column－width：100px； column－count：2；

一看相信大家都明白是什么意思了。第一个代表栏的宽度，第二个代表栏的数目。这两个属性值回随着其他参数的改动而发生变化，并不是一层不变的。

还有哪些参数影响这两个值呢，下面会说到。

2.column－gap：10px；

这个表示两相邻栏之间的间距；

3.column－rule：5px double red；

表示间隔符的宽度，表现形式和颜色，也可以分开设置。

-column-rule-width:5px;

-column-rule-style:double;

-column-rule-color: red;

4.column－span：all；

这一个属性我只会all值。

5.上面说到width或count的值会根据gap的值变化，还要注意的是rule－width并不占屏幕的位置并不像border，但最好不要大于gap的值。

6.具体的其他属性和上面提到属性值的默认值请参看手册，如：http://www.phpstudy.net/css3/；http://www.w3.org/TR/css3-multicol/

本人只是刚刚学习了一点，把自己的理解表达出来，可能理解有出路，请见谅，我也是菜鸟。

对于引擎为不同的的浏览器，写法为－webkit－column和－moz－column。