一佳一

记录像1+1一样简洁的代码

导航

自适应瀑布型布局(手机,PC全兼容)

Posted on 2015-10-26 16:08  一佳一  阅读(391)  评论(0编辑  收藏  举报

有个瀑布型的布局需求,于是找了下,网上大部分用jquery控件,界面太复杂,看起来很笨重,我需求比较简单,于是只能自己写

其实原理就是用cs 去控制,那么我们只需要把对应的界面去规划就行了,比如,我一个页面要分成2列,然后呈现为瀑布型,就是两个ul

 

至于动态Repeater的绑定,我暂时只能想到用两个Repeater,然后绑定的时候,按照i%2==0 把一个集合拆成2个,分别绑定到对应的Repeater

效果如下

 

绑定部分,我感觉还是有改进空间,时间紧促,没时间去研究,有更方法的同学,欢迎指教。

完整代码:

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