在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/这个库来解决