Heim >Web-Frontend >HTML-Tutorial >求新版百度图片列表页排版实现方式_html/css_WEB-ITnose

求新版百度图片列表页排版实现方式_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:18:471690Durchsuche



http://image.baidu.com/i?tn=list&word=liulan#%E6%97%85%E6%B8%B8|%E4%B9%9D%E5%AF%A8%E6%B2%9F|0|0

就是不同高度的图片,可以自动拼接到一起,貌似直接用css的float实现不了呀


回复讨论(解决方案)

换个思路  :这是个 多列布局的页面 ,然后采用了 延迟加载技术

瀑布流功能...

瀑布流功能...

多谢 loverd1 指点,给分!!

找了一下,暂时采用的“Masonry”,主要是div层打乱重组,后面空了再研究下瀑布流 

留给有相同需求的童鞋 http://truemylife.iteye.com/blog/1671053

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn