CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Maitrise de la propriété alignItem en Flexbox

Maitrise de la propriété alignItem en Flexbox

Align items
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre CSS 3
Revoir le teaser Je m'abonne
4,5
Transcription
Cette leçon fait partie de la formation
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
Cette leçon fait partie de la formation
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Disposition des éléments le long de l'axe cross en CSS

Objectifs

Les objectifs de cette vidéo sont de comprendre les différentes valeurs de la propriété alignItem, d'apprendre à aligner des éléments le long de l'axe cross, et de savoir utiliser flexbox pour créer des mises en page adaptatives.

Résumé

Découvrez comment utiliser la propriété alignItem en Flexbox pour ajuster les éléments d'une ligne le long de l'axe cross.

Description

La propriété alignItem joue un rôle crucial dans la disposition des éléments d'une ligne en flexbox. Elle définit leur alignement le long de l'axe cross, qui est perpendiculaire à l'axe principal. Par défaut, cette propriété est réglée sur stretch, ce qui permet aux éléments de s'étendre pour remplir l'espace disponible. Cependant, d'autres valeurs telles que flexStart, flexEnd et center offrent des possibilités d'alignement supplémentaires. La valeur flexStart aligne les éléments au début de l'axe cross, tandis que flexEnd les place à la fin. La valeur center les positionne au centre, et peut être combinée avec la propriété justifyContent pour centrer les éléments dans toutes les directions. Cette leçon vous montrera comment utiliser efficacement ces propriétés pour créer des mises en page réactives et harmonieuses.

Voir plus

Questions fréquentes

Quelle est la valeur par défaut de la propriété alignItem ?
La valeur par défaut de la propriété alignItem est stretch.
Quelles sont les différentes options de valeur pour alignItem ?
Les options pour alignItem incluent stretch, flexStart, flexEnd, et center.
Comment la propriété alignItem interagit-elle avec justifyContent ?
Lorsque combinée avec justifyContent, la propriété alignItem permet de centrer les éléments à la fois verticalement et horizontalement dans un conteneur flex.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 1 an
La formation est divisée en 90 modules sans lien entre eux et sans progression pédagogique. Il faut les réorganiser par thème pour donner plus de cohérence et donner de la progression pédagogique à la formation. Multiples fautes d'orthographe dans les textes.
henridjithat
Il y a 2 ans
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 ans
J'en suis arrivé au bout.. Un vrai marathon. Très longue formation, à mon avis c'est plutôt 30h de cours et non pas 15h.
Après c'est une formation hyper claire et détaillée. L'auteur a fait un panorama complêt sur le CSS3.
g.vanleynseele
Il y a 4 ans
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !