33 lines
1004 B
Markdown
33 lines
1004 B
Markdown
|
---
|
||
|
|
title: Flexbox Direction
|
||
|
|
localeTitle: Direção do Flexbox
|
||
|
|
---
|
||
|
|
## Direção do Flexbox
|
||
|
|
|
||
|
|
Agora que você sabe o que é o flexbox, é hora de saber como organizar o conteúdo em um contêiner flexível. Você pode definir isso via _flex-direction_
|
||
|
|
|
||
|
|
Existem 4 maneiras de definir a direção flexível
|
||
|
|
|
||
|
|
1. Linha
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
A direção flexível é definida como linha por padrão. Isso organiza todo o seu conteúdo em uma única linha **sem margens **.****
|
||
|
|
|
||
|
|
2. Linha reversa
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
Isso inverte seu conteúdo na direção oposta. Originalmente estava indo da esquerda para a direita, agora está indo da direita para a esquerda.
|
||
|
|
|
||
|
|
3. coluna
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
Isso organiza seu conteúdo em uma única coluna, de cima para baixo.
|
||
|
|
|
||
|
|
4. coluna reversa
|
||
|
|
|
||
|
|
Isso organiza seu conteúdo em uma única coluna, de baixo para cima.
|
||
|
|
|
||
|
|
#### Mais Informações:
|