自適應瀑布型布局（手機，PC全相容）

標籤：

有個瀑布型的布局需求，於是找了下，網上大部分用jquery控制項，介面太複雜，看起來很笨重，我需求比較簡單，於是只能自己寫

其實原理就是用cs 去控制，那麼我們只需要把對應的介面去規劃就行了，比如，我一個頁面要分成2列，然後呈現為瀑布型，就是兩個ul

 

至於動態Repeater的綁定，我暫時只能想到用兩個Repeater，然後綁定的時候，按照i%2==0 把一個集合拆成2個，分別綁定到對應的Repeater

效果如下

 

綁定部分，我感覺還是有改進空間，時間緊促，沒時間去研究，有更方法的同學，歡迎指教。

完整代碼：

http://download.csdn.net/detail/jine515073/9214077

 

自適應瀑布型布局（手機，PC全相容）