CSS : mettre en forme le Web (école d'ingénieur) · Chapitre 7 · Exercice de TD
Lire le raccourci
Flexbox · niveau 1 (application)
Énoncé
Donner les trois valeurs (flex-grow, flex-shrink, flex-basis) et décrire le comportement de : flex: 1, flex: auto, flex: none, flex: 0 0 200px, flex: 3, et d'un élément sans aucune propriété flex.
Corrigé
flex: 1: 1, 1,0%— parts égales de toute la place, sans tenir compte du contenu.flex: auto: 1, 1,auto— taille du contenu, plus une part égale de l'espace restant.flex: none: 0, 0,auto— taille du contenu, ni plus ni moins.flex: 0 0 200px: 200 pixels exactement.flex: 3: 3, 1,0%— trois parts face à des éléments enflex: 1.- sans propriété : 0, 1,
auto— taille du contenu ; ne grandit pas, rétrécit si nécessaire (jusqu'à sa taille minimale).
100 % gratuit
La suite du chapitre est sur Adloun
- 10 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.