freeCodeCamp/guide/spanish/css/layout/flexbox/flexbox-direction/index.md

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: