nemesis93_75 Posted August 3, 2010 Share Posted August 3, 2010 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 Link to comment Share on other sites More sharing options...
Shtong Posted August 3, 2010 Share Posted August 3, 2010 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 ...) Link to comment Share on other sites More sharing options...
nemesis93_75 Posted August 3, 2010 Author Share Posted August 3, 2010 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) Link to comment Share on other sites More sharing options...
Quarky Posted August 3, 2010 Share Posted August 3, 2010 Connaissais pas la valeur "ellipsis" tiens Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.