Astuce 011

Astuce 011

« Pour couper le texte qui dépasse, tu sais afficher les … à la fin d’une phrase trop longue. Faut utiliser du JS non ? »

Je pense que CSS peut faire ça tout seul non ? 😋

Aujourd’hui je te parle de la propriété text-overflow qui permet de définir la façon dont le texte qui dépasse de sa boîte va être signalé.

Je vais pas de dire tout ce tu peux faire avec la propriété mais on peut faire des trucs sympathiques et inutiles avec 😅

Je t’en reparlerais dans une autre publication si tu es intéressé 💬

Bref, on va utiliser la propriété text-overflow pour gérer la taille de notre phrase et ajouter … si celui-ci dépasse de sa boite.

Pour cela tu peux utiliser la valeur ellipsis, qui permet d’afficher une … ellipse. 🤔

L’exemple ci-dessous t’aidera surement à comprendre comment bien l’utiliser

N’hésites pas à laisser un commentaire si tu veux plus de précision sur le sujet ou pour discuter 💬

A la semaine prochaine 👋

Haut de page