《
CSS3入门教程(6)：多列 多卷》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302332092013.htm
上面的截图是应用了下面的CSS3款式的后果：
比拟好的支持CSS3多列的浏览器有Firefox、Safari、Google Chrome，这样我们就须要使用-moz和-webkit前缀了。
--> [
网站建设之]CSS3入门教程(6)：多列/多卷
对文字排版中，多列显示是很常用的一种方式，咱们大多时候都是为每列制订特定的层或段落，使用CSS3能够很便利的实现这一效果，而不必与多背景图片一样，CSS3多列也是我最爱好的一个技巧。我想这条CSS3属性有在报纸跟杂志布局中以外的许多潜在的用处。假如你在某个主意或个人网站中使用了这种办法，请在下面的评论中提交你的链接，我很愉快能确认这种方法能用于良多中布局中。
以下是代码片断：
#multiColumnWidth {
text-align: justify;
-moz-column-width: 20em;
-moz-column-gap: 2em;
,CSS3入门教程(5)：背景图片(背景大小和多背景图);-webkit-column-width: 20em;
-webkit-column-gap: 2em;
}
以下是代码片段：
#multiColumnCount ,CSS3入门教程(4)：关于阴影;{
text-align: justify;
-moz-column-count: 3;
-moz-column-gap: 1.5em;
,CSS3入门教程(3)：边框颜色;-moz-column-rule: 1px solid #dedede;
-webkit-column-count: 3;
-webkit-column-gap: 1.5em;
-webkit-column-rule: 1px ,CSS3入门教程(2)：边框半径和圆角;solid #dedede;
}
CSS3多列(宽度)
浏览器支持：
阅读器支撑：
√ Firefox(3.05+…) √ Google Chrome(1.0.154+&hellip,
CSS3入门教程(10)：HSL和HSLA;) √ Google Chrome(2.0,
CSS3入门教程(1)：CSS3简介.156+…) × Internet Explorer(IE7, IE8 RC1 ) × Opera(9.6+…) √ Safari(3.2.1+ windows&hellip,
CSS3中背景的四个新的属性;)
√ Firefox(3.05+…) √ Google Chrome(1.0.154+…) &radic,
CSS3下的渐变文字效果实现; Google Chrome(2,
Css3 弹性盒模型.0.156+…) × Internet Explorer(IE7, IE8 RC1 ) × Opera(9.6+…) √ Safari(3.2.1+ windows&hellip,
CSS3 VS CSS2大PK;)
CSS3多列(列数)
跨浏览器兼容性：
Tag：多卷 多列 CSS3 CSS3入门 多卷 多列 CSS3 CSS3入门
上面的截图是使用了下面的CSS3样式的效果：
(责任编辑：网站建设)
CSS3入门教程(6)：多列 多卷相关文章