Home  >  Article  >  Web Front-end  >  Please ask for the picture wall in Baidu Tieba. How to write it in that format? _html/css_WEB-ITnose

Please ask for the picture wall in Baidu Tieba. How to write it in that format? _html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:23:061077browse

css irregular floating

It can be seen that the image size is not uniform
How to write this style and facilitate program loop output?
I tried to use UL LI to float without limiting the height, but the result was messy.
Asking for expert advice

Reply to discussion (solution)

Waterfall? Pure html is a bit difficult to handle. The method is to first divide it into several columns horizontally, then insert a picture into each column, and then use js to determine which column is the shortest and insert data under this column.

You can Baidu the source code of waterfall flow.

Waterfall? Pure html is a bit difficult to handle. The method is to first divide it into several columns horizontally, then insert a picture into each column, and then use js to determine which column is the shortest and insert data under this column.

You can Baidu the source code of waterfall flow.

A master is a master. Just one click. Thank you

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