CSS3多列技术简单介绍

CSS3多列技术是一个不错的技术。很方便.
跨浏览器兼容性:
比较好的支持CSS3多列的浏览器有Firefox、Safari、Google Chrome,这样我们就需要使用-moz和-webkit前缀了。
CSS3多列(宽度)


上面的截图是使用了下面的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 欢迎转载。

你可能感兴趣的:(CSS3多列技术简单介绍)