Resumen de las preguntas de la entrevista inicial de Vue (12) Explicación detallada del principio del flujo en cascada

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.
Inserte la descripción de la imagen aquí

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

Inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/Rick_and_mode/article/details/108615483
Recomendado
Clasificación