C'est en baillant que la loutre le dit:

Loutre avec écouteurs

Memo: La géniale propriété CSS3 'text-overflow'

ven, 04/07/2014 - 11:16 -- mzw

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:

Voici une phrase qui prend 60% de la largeur du conteneur, Le boeuf ne peut pas pousser la charrue, c'est bien connu n'est-ce pas

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