帝國cms如何實現瀑布流方式的圖片布局？

瀑布流方式實現圖片布局會用到js，然后加載也會相對較慢，如果不用js，在帝國cms后臺系統應該怎么實現呢？其實就用最簡單的代碼，實現瀑布流布局，沒有繁瑣的css，沒有jq，只需要做到以下就可以實現瀑布流的效果。OvZ電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網

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--] 

上面的代碼就是例用帝國cms的列表調用規則來實現的，思路很簡單，整個頁面看成是三列布局，分別用三個ul標簽來顯示，列表項都縱向排列。最后的數字21，一定要是你最后的分頁數，否則從22張圖片開始，排列序號又不一樣了，不妨嘗試一下哦！