CSS3使用多列制作瀑布流

先来来看一看CSS3如何实现多列显示，代码如下

1. "div1">   
2. 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字   
3. 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字   
4. 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字   
5. 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字   
6. 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字   
7. 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字   
8. 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字   
9. 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字   
10. 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字   
11. 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字   
12. 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字   
13. 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字   
14. 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字   
15. 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字   
16.   
17.   
18. .div1{   
19.   
20. column-count: 4;   
21. -moz-column-count:4;   
22.   
23. -moz-column-gap: 70px;   
24. column-gap: 70px;   
25.   
26. column-rule: 5px outset #FF0000;   
27. -moz-column-rule: 5px outset #FF0000;   
28. }   
29.   

效果图：

CSS3使用多列制作瀑布流：

11. 
    
    

12. 这里是产品描述