33 lines
1018 B
Markdown
33 lines
1018 B
Markdown
---
|
|
title: Flexbox Direction
|
|
localeTitle: Dirección de Flexbox
|
|
---
|
|
## Dirección de Flexbox
|
|
|
|
Ahora que sabe qué es flexbox, es hora de pasar a cómo puede organizar el contenido dentro de un contenedor flexible. Puede configurar esto a través _de la dirección de flexión_
|
|
|
|
Hay 4 formas de configurar la dirección de flexión
|
|
|
|
1. Fila
|
|
|
|
![](https://css-tricks.com/wp-content/uploads/2013/04/flex-direction2.svg)
|
|
|
|
La dirección de flexión se establece en fila de forma predeterminada. Esto organiza todo su contenido en una sola fila **sin márgenes **.****
|
|
|
|
2. Fila-reversa
|
|
|
|
![](https://i-msdn.sec.s-msft.com/dynimg/IC681588.png)
|
|
|
|
Esto invierte tu contenido en la dirección opuesta. Originalmente iba de izquierda a derecha, ahora va de derecha a izquierda.
|
|
|
|
3. columna
|
|
|
|
![](https://i-msdn.sec.s-msft.com/dynimg/IC681589.png)
|
|
|
|
Esto organiza su contenido en una sola columna de arriba a abajo.
|
|
|
|
4. columna inversa
|
|
|
|
Esto organiza su contenido en una sola columna de abajo hacia arriba.
|
|
|
|
#### Más información: |