Flexbox | Dirección de los ejes | propiedad flex‑wrap
La propiedad flex‑wrap permite especificar el comportamiento del contenedor respecto a evitar que se desborde (nowrap, valor por defecto) o permitir que lo haga, en cuyo caso, estaríamos hablando de un contenedor flexbox multilinea.
CASO 1Declaración flex‑wrap: nowrap;
La declaración flex‑wrap: nowrap;, establece los ítems en una sola línea, no permitiendo que se desborde el contenedor, por lo que flexbox reajusta los ítems flexibles para que quepan todos en la misma línea.
1
2
3
4
5
CASO 2Declaración flex‑wrap: wrap;
La declaración flex‑wrap: wrap;, establece los ítems en modo multilínea permitiendo que se desborde el contenedor.
1
2
3
4
5
CASO 3Declaración flex‑wrap: wrap‑reverse;
La declaración flex‑wrap: wrap‑reverse;, establece los ítems en modo multilínea, pero en dirección inversa.
1
2
3
4
5