效果展示

帝国cms实现瀑布流布局的好处是：用最简单的代码，没有繁琐的css，没有jq，只需要运用帝国CMS灵活的数据调用。

瀑布流布局详细方法

按如下操作即可实现瀑布流布局效果。思路：看成是三列布局，分别用三个ul来调用。

帝国cms列表模板，栏目展示24条记录，所以每个ul调用8条。

1. [!--empirenews.listtemp--]
2. <ul>
3. <!--list.var1-->
4. <!--list.var4-->
5. <!--list.var7-->
6. <!--list.var10-->
7. <!--list.var13-->
8. <!--list.var16-->
9. <!--list.var19-->
10. </ul>
11. <ul>
12. <!--list.var2-->
13. <!--list.var5-->
14. <!--list.var8-->
15. <!--list.var11-->
16. <!--list.var14-->
17. <!--list.var17-->
18. <!--list.var20-->
19. </ul>
20. <ul>
21. <!--list.var3-->
22. <!--list.var6-->
23. <!--list.var9-->
24. <!--list.var12-->
25. <!--list.var15-->
26. <!--list.var18-->
27. <!--list.var21-->
28. </ul>
29. [!--empirenews.listtemp--]