Principio de cascada
Muchas veces veremos algunos sitios web o sitios web que muestran imágenes. Sus imágenes son obviamente diferentes en altura y tamaño, pero pueden adaptarse automáticamente, mostrarlas en filas, y cuando se despliegan hasta el final, las imágenes cargadas Se adaptará automáticamente, este es el flujo de la cascada.
Realización de cascada
1. La primera fila de CSS debe ser implementada por nosotros mismos, de modo que la imagen tenga el mismo ancho y diferente altura.
2. Utilice js para calcular la columna con la altura de imagen más pequeña en cada columna, luego insértela en un bucle y luego continúe buscando la posición de la siguiente imagen con la altura más pequeña y continúe insertando