CSS3多列技术是一个不错的技术。很方便.
跨浏览器兼容性:
比较好的支持CSS3多列的浏览器有Firefox、Safari、Google Chrome,这样我们就需要使用-moz和-webkit前缀了。
CSS3多列(宽度)
上面的截图是使用了下面的CSS3样式的效果:
跨浏览器兼容性:
比较好的支持CSS3多列的浏览器有Firefox、Safari、Google Chrome,这样我们就需要使用-moz和-webkit前缀了。
CSS3多列(宽度)
![\](http://www.mianfeimoban.com/uploadfile/2012/0326/20120326020725107.jpg)
上面的截图是使用了下面的CSS3样式的效果:
#multiColumnCount {
text-align: justify;
-moz-column-count: 3;
-moz-column-gap: 1.5em;
-moz-column-rule: 1px solid #dedede;
-webkit-column-count: 3;
-webkit-column-gap: 1.5em;
-webkit-column-rule: 1px solid #dedede;
}
原文地址:http://www.mianfeimoban.com/jianzhang_cyruanjian/cssjc/20120326/11101.html 欢迎转载。