一.多排布局
在cs3中，文本内容可以采用多列布局，如报纸所示，例如，
代码如下所示。 (具体解释也在代码中) )。
浏览器支持
表中的数字表示支持此方法的第一个浏览器的版本号。
紧跟在数字之后的-webkit-或-moz-是指定浏览器的前缀。
(图片来源： http://www.runoob.com)
Document积极柠檬. div {
/*控制列数*
-moz-column-count: 3；
/* Firefox */
-webkit-column-count: 3；
/* Safari and Chrome */
计数： 3；
/*控制列与列之间的宽度*
-moz-column-gap: 90px；
/* Firefox */
-webkit-column-gap: 90px；
/* Safari and Chrome */
column-gap: 90px；
/*控制列和列之间的线*
- web kit-column-rule-style : dashed；
/* Chrome，Safari，Opera */
- moz-column-rule-style : dashed；
/* Firefox */
column-rule-style: dashed；
/*控制列和列之间的线条宽度*
- web kit-column-rule-width :1 px；
/* Chrome，Safari，Opera */
-moz-column-rule-width: 1px；
/* Firefox */
规则宽度： 1px；
/*控制列和列之间线条的颜色*
- web kit-column-rule-color : green；
/* Chrome，Safari，Opera */
- moz-column-rule-color : green；
/* Firefox */
column-rule-color: green；
/*上述列与列之间的线条宽度、颜色和性质均为" column-rule " * /
- WebKit-column-rule :1 pxdashedgreen；
/* Chrome，Safari，Opera */
- moz-column-rule :1 pxdashedgreen；
/* Firefox */
column-rule: 1px dashed green；
/*未设定列数时，根据列宽进行*/
-webkit-column-width: 190px；
/* Chrome，Safari，Opera */
column-width: 370px；
}
. div h1 {
文本照明3360中心；
-webkit-column-span: all；
}
请注意，我的兴趣第一段的内容是：(internetexplorer9或更低版本的IE浏览器不支持column-count属性。 ）
每个人都生活在成长中，成长中也有更多的梦想，更努力！ 慢慢凝结成为生长的深海。
我=画画
第二段的内容是画画，这个爱好这么平凡！ 感染了大多数女孩子的心！ 看着钢笔在手中轻轻一挥，纸上都是活的！ 去了！ 栩栩如生。 在学校的一堂美术课上，纤细的葡萄酒展示着其他班同学的画，生动，栩栩如生。 真羡慕！ 小小的心被这些美丽的画吵醒了。 我下定决心，拼命继续学习美术，学习美术！ 让我的手用毛笔一晃也能描写这个境界吧！
第三段的内容是画画，这个爱好这么平凡！ 感染了大多数女孩子的心！ 看着钢笔在手中轻轻一挥，纸上都是活的！ 去了！ 栩栩如生。 在学校的一堂美术课上，纤细的葡萄酒展示着其他班同学的画，生动，栩栩如生。 真羡慕！ 小小的心被这些美丽的画吵醒了。 我下定决心，拼命继续学习美术，学习美术！ 让我的手用毛笔一晃也能描写这个境界吧！
第四段的内容是画画，这个爱好这么平凡！ 感染了大多数女孩子的心！ 看着钢笔在手中轻轻一挥，纸上都是活的！ 去了！ 栩栩如生。 在学校的一堂美术课上，纤细的葡萄酒展示着其他班同学的画，生动，栩栩如生。 真羡慕！ 小小的心被这些美丽的画吵醒了。 我下定决心，拼命继续学习美术，学习美术！ 让我的手用毛笔一晃也能描写这个境界吧！
第五段的内容是画画，这个爱好这么平凡！ 感染了大多数女孩子的心！ 看着钢笔在手中轻轻一挥，纸上都是活的！ 去了！ 栩栩如生。 在学校的一堂美术课上，纤细的葡萄酒展示着其他班同学的画，生动，栩栩如生。 真羡慕！ 小小的心被这些美丽的画吵醒了。 我下定决心，拼命继续学习美术，学习美术！ 让我的手用毛笔一晃也能描写这个境界吧！