Controler le débordement
Empeche le contenu long de casser la carte avec overflow-wrap et overflow.
Objectifs de la leçon
- Reconnaître un débordement
- Autoriser les mots longs à se couper
- Choisir entre afficher, couper et faire défiler
Comprendre le principe
À la fin de cette leçon, tu sauras reconnaître un débordement.
À la fin de cette leçon, tu sauras autoriser les mots longs à se couper.
À la fin de cette leçon, tu sauras choisir entre afficher, couper et faire défiler.
Contenu résilient
Le contenu reste accessible et les longues chaînes peuvent se couper.
Les contenus réels sont imprévisibles.
overflow-wrap protège la largeur.
Pourquoi éviter : Contenu masqué
Une partie du texte peut devenir inaccessible sans avertissement.
Un composant robuste reste lisible même lorsque son contenu dépasse les exemples idéaux.
Vocabulaire lié
- overflow — Comportement du contenu qui dépasse une boîte.
- overflow-wrap — Autorise la coupure d'une chaîne trop longue.
- scroll — Défilement permettant d'accéder au contenu dépassant.
Validation
- Je peux expliquer : Un composant robuste reste lisible même lorsque son contenu dépasse les exemples idéaux.
- Je peux reconnaître un débordement.
- Je peux autoriser les mots longs à se couper.