Widget flexbox

Dimensions du conteneur

width auto

width

height auto

height

flex-direction

row row-reverse column column-reverse

justify-content

Alignement des items par rapport à l'axe principal

flex-start flex-end center space-between space-around

align-items

Alignement des items par rapport à l'axe transversal

stretch flex-start flex-end center baseline

flex-wrap

Items sur plusieurs lignes

nowrap wrap wrap-reverse

1

Cliquez pour changer le texte numéro 1

2

Cliquez pour changer le texte de l'item deux

3

Cliquez pour changer le texte