Bonjour à tous,

Je vous expose le "problème".

J'ai une div avec du texte, qui est trop petite pour ce texte, avec un overflow (qui permet donc de cacher une partie du texte)

Ce que je voudrais, c'est que quand le texte arrive à la fin affiché de la div (en gros là c'est une ligne), je voudrais affiché "..." à la fin du texte affiché.

Je pense qu'en Javascript c'est faisable, mais je voulais savoir si en HTML/CSS c'est possible?

Merci d'avance de vos réponses.

Nemesis

Pour cela on mettra généralement les styles suivants sur le conteneur du texte :

- white-space: nowrap; (pour éviter les retour auto à la ligne)

- overflow: hidden; (pour éviter le redimensionnement auto. du conteneur)

- text-overflow: ellipsis; (pour afficher automatiquement le fameux ...)

Merci Shtong, merci beaucoup.

Pour les autres, qui voudrais faire la même chose, je tiens à précise que text-overflow est supporter que par IE, Chrome, Safari et Opera (avec -o devant pour ces 3 derniers).

Un "tutoriel" pour le support par firefox est dispo ici : http://chetzit.com/blog/css/9.html (Anglais)

Connaissais pas la valeur "ellipsis" tiens