Toujours révé de faire une ellipse après un texte beaucoup trop long qui n'en finit plus et dont la fin ne (...)
C'est possible ! Grâce à la balise CSS3
text-overflow
. Elle permet de définir comment le texte doit se "clipper" lorsqu'il est trop long. Par défaut, le texte va juste déborder, ou agrandir la boite qui le contient. Pour faire fonctionner cela, il faut également définir overflow:hidden
et whitespace: nowrap
. Voici un exemple, appliqué sur une balise div
avec la classe ellipsis
.
div.ellipsis { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }Exemple: A la place d'utiliser
ellipsis
, tu peux utiliser d'autres caractères entre guillements :
div.ellipsis { text-overflow: "[...]"; }Plus d'infos: http://www.w3schools.com/cssref/css3_pr_text-overflow.asp
Commentaires