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

1004 B

title localeTitle
Flexbox Direction 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 .

  1. 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.

  1. coluna

Isso organiza seu conteúdo em uma única coluna, de cima para baixo.

  1. coluna reversa

Isso organiza seu conteúdo em uma única coluna, de baixo para cima.

Mais Informações: