Flexbox | Dirección de los ejes | propiedad flex‑flow
La propiedad de atajo (short‑hand) llamada flex‑flow, permite resumir los valores de las propiedades flex‑direction y flex‑wrap en una sola propiedad.
CASO 1Declaración flex‑flow: row nowrap;
1
2
3
4
5
6
CASO 2Declaración flex‑flow: row‑reverse nowrap;
1
2
3
4
5
6
CASO 3Declaración flex‑flow: column nowrap;
1
2
3
4
5
6
CASO 4Declaración flex‑flow: column‑reverse nowrap;
1
2
3
4
5
6
CASO 5Declaración flex‑flow: row wrap;
1
2
3
4
5
6
CASO 6Declaración flex‑flow: row‑reverse wrap;
1
2
3
4
5
6
CASO 7Declaración flex‑flow: column wrap;
1
2
3
4
5
6
CASO 8Declaración flex‑flow: column‑reverse wrap;
1
2
3
4
5
6
CASO 9Declaración flex‑flow: row wrap‑reverse;
1
2
3
4
5
6
CASO 10Declaración flex‑flow: row‑reverse wrap‑reverse;
1
2
3
4
5
6
CASO 11Declaración flex‑flow: column wrap‑reverse;
1
2
3
4
5
6
CASO 12Declaración flex‑flow: column‑reverse wrap‑reverse;
1
2
3
4
5
6