Skip to content
lcs01 edited this page Jan 28, 2019 · 2 revisions

Description Les Flex Box CSS sont un standard CSS3 de disposition des éléments dans une page web. Ce standard permet d'avoir un design adaptatif à l'écran. Les éléments peuvent être réagencés selon que l'on est sur un téléphone portable ou un écran d'ordinateur. Wikipédia

Flex

Align-content :

flex-start : Les lignes sont amassées dans le haut du conteneur.

• flex-end: Les lignes sont amassées dans le bas du conteneur.

• center : Les lignes sont amassées dans le centre vertical du conteneur.

• space-between : Les lignes s'affichent avec un espace égal entre eux.

• space-around : Les lignes s'affichent avec un espace égal autour d'eux.

• stretch : Les lignes sont étirées pour s'adapter au conteneur.

justify-content

• align-items

• flex-direction

• order

• align-self

• flex-wrap

• flex-flow

• align-content

Clone this wiki locally