Alignement 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.css
centre
Les éléments sont placés au centre de l’axe transversal.
index.html
index.css
flex-start
Tous les éléments commencent au début de l’axe transversal.
index.html
index.css
flex-end
Tous les éléments sont placés à la fin de l’axe transversal (à la fin du conteneur flex parent).
index.html
index.css
baseline
Tous les éléments flex sont alignés en fonction de la ligne de base de leur contenu textuel.
index.html
index.css
1. Que fait la propriété align-items
?
2. Parmi les valeurs suivantes, lesquelles peuvent être utilisées avec la propriété align-items
?
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
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
Alignement 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.css
centre
Les éléments sont placés au centre de l’axe transversal.
index.html
index.css
flex-start
Tous les éléments commencent au début de l’axe transversal.
index.html
index.css
flex-end
Tous les éléments sont placés à la fin de l’axe transversal (à la fin du conteneur flex parent).
index.html
index.css
baseline
Tous les éléments flex sont alignés en fonction de la ligne de base de leur contenu textuel.
index.html
index.css
1. Que fait la propriété align-items
?
2. Parmi les valeurs suivantes, lesquelles peuvent être utilisées avec la propriété align-items
?
Merci pour vos commentaires !