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

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