Troncature de texte en CSS
text-overflow
Créez une div d'une largeur de 200px. Faites
en sorte que le texte dans cette div ne passe pas
à la ligne suivante. Ajoutez un texte long dans la div,
qui ne tiendra pas en largeur dans ce
bloc. Vérifiez que le texte dépasse de la partie
droite du bloc.
Modifiez la tâche précédente pour que une barre de défilement horizontale apparaisse dans la div lorsque le texte dépasse.
Modifiez la tâche précédente pour que le texte qui dépasse horizontalement soit tronqué.
Modifiez la tâche précédente pour que lors du tronquage du texte, des points de suspension soient ajoutés à la fin.
Modifiez la tâche précédente pour que lors du survol de la div avec la souris, le texte cesse de s'aligner sur une seule ligne et que la div s'élargisse en hauteur, contenant tout le texte.