Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Alignement Vertical des Éléments avec Flexbox | Maîtriser Flexbox pour les Mises en Page
Fondamentaux De CSS

bookAlignement Vertical des Éléments avec Flexbox

La propriété align-items régit l’alignement vertical des éléments flexibles. Sa valeur par défaut est stretch.

align-items: stretch | center | flex-start | flex-end | baseline;

Examinons les exemples suivants pour comprendre dans quels cas cette propriété est nécessaire.

stretch

Indique que les éléments sont étendus sur toute la longueur de l’axe transversal.

index.html

index.html

index.css

index.css

copy

centre

Les éléments sont placés au centre de l’axe transversal.

index.html

index.html

index.css

index.css

copy

flex-start

Tous les éléments commencent au début de l’axe transversal.

index.html

index.html

index.css

index.css

copy

flex-end

Tous les éléments sont placés à la fin de l’axe transversal (à la fin du conteneur flex parent).

index.html

index.html

index.css

index.css

copy

baseline

Tous les éléments flex sont alignés en fonction de la ligne de base de leur contenu textuel.

index.html

index.html

index.css

index.css

copy

1. Que fait la propriété align-items ?

2. Parmi les valeurs suivantes, lesquelles peuvent être utilisées avec la propriété align-items ?

question mark

Que fait la propriété align-items ?

Select the correct answer

question mark

Parmi les valeurs suivantes, lesquelles peuvent être utilisées avec la propriété align-items ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 4

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 2.56

bookAlignement Vertical des Éléments avec Flexbox

Glissez pour afficher le menu

La propriété align-items régit l’alignement vertical des éléments flexibles. Sa valeur par défaut est stretch.

align-items: stretch | center | flex-start | flex-end | baseline;

Examinons les exemples suivants pour comprendre dans quels cas cette propriété est nécessaire.

stretch

Indique que les éléments sont étendus sur toute la longueur de l’axe transversal.

index.html

index.html

index.css

index.css

copy

centre

Les éléments sont placés au centre de l’axe transversal.

index.html

index.html

index.css

index.css

copy

flex-start

Tous les éléments commencent au début de l’axe transversal.

index.html

index.html

index.css

index.css

copy

flex-end

Tous les éléments sont placés à la fin de l’axe transversal (à la fin du conteneur flex parent).

index.html

index.html

index.css

index.css

copy

baseline

Tous les éléments flex sont alignés en fonction de la ligne de base de leur contenu textuel.

index.html

index.html

index.css

index.css

copy

1. Que fait la propriété align-items ?

2. Parmi les valeurs suivantes, lesquelles peuvent être utilisées avec la propriété align-items ?

question mark

Que fait la propriété align-items ?

Select the correct answer

question mark

Parmi les valeurs suivantes, lesquelles peuvent être utilisées avec la propriété align-items ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 4
some-alt