css3之三列布局

在css3中实现3栏式布局是非常容易的事情，像jquery一样The Write Less, Do More！ 语法简单，默认时是column开头在chrome和firefox下需要在关键字前加-webkit-和-moz-：

column-count:3;

列数

column-width:50px;

列宽

column-gap:10px;

列间距

column-rule:1px solid #ccc;

标尺属性，个人感觉就是border                         源码

-webkit-column-count:3;-webkit-column-width:50px;

-webkit-column-gap:10px;width:300px;

-webkit-column-rule:1px solid #ccc;

如果文本设置了text-align：justify；出现空白可以用http://code.google.com/p/hyphenator/这个库来解决