Community Learn Tools Library Leisure

English

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

WBOY

Release： 2016-06-24 12:18:47

Original

1672 people have browsed it

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

Related labels：

求新版百度图片列表页排版实现方式

source：php.cn

Previous article：How to arrange small icons horizontally_html/css_WEB-ITnose Next article：When setting the background of

, it works fine under IE, but in the 360 Rapid browser it is always above the text. I hope experts can help_html/css_WEB-ITnose

Statement of this Website

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