search

Home >Web Front-end >HTML Tutorial >Looking for a new version of Baidu image list page layout implementation method_html/css_WEB-ITnose

Looking for a new version of Baidu image list page layout implementation method_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-06-24 12:18:471698browse



http://image.baidu.com/i?tn=list&word=liulan#tourism|Jiuzhaigou|0|0

are pictures of different heights that can be automatically spliced ​​together At the same time, it seems that it cannot be achieved directly using CSS float


Reply to the discussion (solution)

Another way of thinking: This is a multi-column layout page, and then uses lazy loading technology

Waterfall function...

Waterfall function...

Thank you loverd1 for your advice and points! !

After some searching, I found that the temporarily adopted "Masonry" is mainly to disrupt and reorganize the div layer, and then study the waterfall flow after it is empty

Leave it to children's shoes with the same needs http:// truemylife.iteye.com/blog/1671053

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：How to arrange small icons horizontally_html/css_WEB-ITnoseNext article：How to arrange small icons horizontally_html/css_WEB-ITnose

Related articles

See more