---
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: