nemesis93_75 Posté(e) le 3 août 2010 Partager Posté(e) le 3 août 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
Shtong Posté(e) le 3 août 2010 Partager Posté(e) le 3 août 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 ...) Lien vers le commentaire Partager sur d’autres sites More sharing options...
nemesis93_75 Posté(e) le 3 août 2010 Auteur Partager Posté(e) le 3 août 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) Lien vers le commentaire Partager sur d’autres sites More sharing options...
Quarky Posté(e) le 3 août 2010 Partager Posté(e) le 3 août 2010 Connaissais pas la valeur "ellipsis" tiens Lien vers le commentaire Partager sur d’autres sites More sharing options...
Messages recommandés
Archivé
Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.