Flexbox es un modelo unidimensional para crear layouts que alinea elementos en diseños. Tiene dos ejes principales (fila y columna) que definen la dirección en la que se colocan los elementos hijos, ya sea de izquierda a derecha en fila o de arriba hacia abajo en columna. Flexbox se utiliza específicamente para layouts y alineación de elementos sin añadir animaciones u otros efectos.

1. Juan Pablo De la torre Valdez
www.codigoconjuan.com
Flexbox
Introducción, direcciones y ejes

2. Flexbox fue diseñado
como un modelo
unidimensional para crear
layouts
www.codigoconjuan.com

3. Los 2 Ejes de Flexbox
En Flexbox solo puedes colocar y
distribuir tus elementos en una dirección
fi
la (row) o columna (column)
row es aplicado por default al de
fi
nir un display:
fl
ex;
Los otros valores son row-reverse, column y column-reverse
www.codigoconjuan.com

4. Si elegimos row o row-reverse los elementos hijos se
colocarán de izquierda a derecha uno junto al otro
www.codigoconjuan.com

5. Al elegir column o column-reverse los elementos se
colocarán de arriba hacia abajo.
www.codigoconjuan.com

6. Flexbox es especialmente
diseñado para alinear
elementos en tus
diseños.
www.codigoconjuan.com

7. No añade efectos de animación,
ni textos, es una tecnología
utilizada únicamente para los
layouts y sustituye a los
fl
oats o
table-cell
www.codigoconjuan.com