帝国cms如何实现瀑布流方式的图片布局?

瀑布流方式实现图片布局会用到js,然后加载也会相对较慢,如果不用js,在帝国cms后台系统应该怎么实现呢?其实就用最简单的代码,实现瀑布流布局,没有繁琐的css,没有jq,只需要做到以下就可以实现瀑布流的效果。
kkW电脑_数码_手机应用问题解决的IT技术网站seo – 云狐网


  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张图片开始,排列序号又不一样了,不妨尝试一下哦!