CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Maîtriser la Propriété CSS align-content

Maîtriser la Propriété CSS align-content

Align content
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

89,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
4,5
89,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

À la fin de cette vidéo, vous serez capable d'utiliser la propriété align-content pour organiser efficacement les lignes d'un conteneur flex sur l'axe croisé.

Découvrez comment la propriété align-content de CSS peut aligner les lignes d'un conteneur flex sur l'axe croisé en fonction de l'espace disponible.

Dans cette leçon, nous allons explorer en détail la propriété align-content de CSS, utilisée pour aligner les lignes à l'intérieur d'un conteneur flex. Cette propriété est cruciale pour gérer l'espace disponible sur l'axe croisé.

Nous allons voir différentes valeurs pour cette propriété, telles que flex-start, flex-end, center, space-around et space-between. Chaque valeur sera illustrée par des exemples concrets pour mieux comprendre leurs effets visuels et leur utilité en pratique.

En ajustant la hauteur du conteneur parent et en appliquant ces valeurs, nous comprendrons comment chaque configuration permet de répartir les lignes flex dans l'espace disponible, en améliorant la présentation de nos éléments dans un layout flexible.

Voir plus
Questions réponses
Qu'est-ce que la propriété align-content en CSS?
La propriété align-content en CSS est utilisée pour aligner les lignes de contenu à l'intérieur d'un conteneur flexible lorsqu'il y a de l'espace disponible sur l'axe croisé.
Quelle valeur d'align-content utilise l'espace disponible entre les lignes de manière égale?
La valeur space-around pour align-content utilise l'espace disponible entre les lignes de manière égale, en créant des espaces égaux autour de chaque ligne.
Comment la valeur flex-end d'align-content affecte-t-elle les lignes dans un conteneur flex?
La valeur flex-end d'align-content aligne les lignes de contenu à la fin du conteneur flexible, les regroupant en bas quand il y a de l'espace disponible.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 10 mois
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 1 an
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 !