Eixo transversal

You’re reading the English version of this content since no translation exists yet for this locale. Help us translate this article!

Numa flexbox, ou eixo transveral é perpendicular ao main axis, o que significa que se a direção for ao longo de uma linha (ou seja, flex-direction é row ou row-reverse) então o eixo transversal estende-se ao longo das colunas.

The cross axis runs down the column

Se por outro lado a direção for ao longo das colunas (flex-direction é column or column-reverse) então este eixo estende-se ao longo das linhas.

The cross axis runs along the row.

Alinhamento de elementos no eixo transversal faz-se com a propriedade align-items no contentor flexível ou com a propriedade align-self em elementos individuais. No caso de um contentor com várias linhas, que tenha espaço adicional no eixo transversal, pode-se utilizar align-content para controlar o espaçamento das linhas.

Aprender mais

Referência de propriedades

Aprofundar