CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Maitriser la Propriété Flex-Wrap en CSS

Maitriser la Propriété Flex-Wrap en CSS

Flex wrap
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

Utilisation et Application de Flex-Wrap

Objectifs

L'objectif de cette vidéo est de comprendre et de maîtriser la propriété flex-wrap pour créer des mises en page responsives et flexibles en CSS.

Résumé

Apprenez à gérer l'espace des éléments flexibles en CSS grâce à la propriété flex-wrap.

Description

Dans cette leçon, nous explorons l'utilisation de la propriété flex-wrap en CSS. Vous apprendrez à contrôler la répartition de l'espace disponible pour les éléments d'un conteneur flexible. En définissant flex-wrap: wrap;, vous autoriserez les éléments à passer à la ligne suivante lorsque l'espace disponible est insuffisant. De plus, nous couvrirons les autres valeurs possibles comme nowrap et wrap-reverse, qui respectivement empêchent le retour à la ligne et inversent l'ordre des lignes. Cette propriété est essentielle pour créer des mises en page flexibles et responsives, offrant ainsi une meilleure expérience utilisateur sur différentes tailles d'écran.

Voir plus

Questions fréquentes

Quelle est la valeur par défaut de la propriété flex-wrap?
La valeur par défaut de la propriété flex-wrap est 'nowrap'.
Que se passe-t-il lorsque flex-wrap est défini sur 'wrap'?
Les éléments passent à la ligne suivante lorsque l'espace disponible dans le conteneur est insuffisant.
Quels sont les avantages d'utiliser flex-wrap dans une mise en page?
L'utilisation de flex-wrap permet de créer des mises en page plus flexibles et responsives, améliorant ainsi l'expérience utilisateur sur différents appareils.

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 !