Saltar a:

Nuestros voluntarios aún no han traducido este artículo al Español. ¡Únete a nosotros y ayúdanos a traducirlo!
También puedes leer el artículo en English (US).

The cross axis in flexbox runs perpendicular to the main axis, therefore if your flex-direction is either row or row-reverse then the cross axis runs down the columns.

The cross axis runs down the column

If your main axis is column or column-reverse then the cross axis runs along the rows.

The cross axis runs along the row.

Alignment of items on the cross axis is achieved with the align-items property on the flex container or align-self property on individual items. In the case of a multi-line flex container, with additional space on the cross axis, you can use align-content to control the spacing of the rows.

Learn more

Property reference

Further reading

Etiquetas y colaboradores del documento

Colaboradores en esta página: mdnwebdocs-bot, mfuji09, l3oxy, chrisdavidmills, rude9, rachelandrew
Última actualización por: mdnwebdocs-bot,