Flexbox | Dirección de los ejes | propiedad flex‑direction
Las principales propiedades que afectan a la dirección y comportamiento de los ítems a lo largo del eje principal del contenedor son: flex‑direction y flex‑wrap.
CASO 1Declaración flex‑direction: row;
La declaración flex‑direction: row;, establece la dirección del eje principal en horizontal.
1
2
3
4
5
6
CASO 2Declaración flex‑direction: row‑reverse;
La declaración flex‑direction: row‑reverse;, establece la dirección del eje principal en horizontal‑invertido.
1
2
3
4
5
6
CASO 3Declaración flex‑direction: column;
La declaración flex‑direction: column;, establece la dirección del eje principal en vertical.
1
2
3
4
5
6
CASO 4Declaración flex‑direction: column‑reverse;
La declaración flex‑direction: column‑reverse;, establece la dirección del eje principal en vertical‑invertido.
1
2
3
4
5
6