CSS - Largeur maximale et ellipses

Question

J'ai une plage qui contiendra du texte. Je voudrais que la portée s'étende jusqu'à un maximum de 500px pour accommoder le texte à l'intérieur. Une fois le maximum atteint, je voudrais que le texte affiche des ellipses pour tout texte débordant de la largeur maximale. Est-ce possible? J'ai essayé ce qui suit, mais cela n'a pas fait l'affaire.

Merci

{ 
    position: absolute; 
    top: 13px; 
    left: 44px; 
    max-width: 500px; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
} 

Answer 1

Ce javascript tronquent votre texte et ajouter des points de suspension. (Sans le casser au milieu d'un mot ou d'un balisage)

Barelyfitz Truncate js.

Je ne sais pas sur la compatibilité du navigateur i, mais il devrait fonctionner :)

Hope it helps.

Answer 2

Les tronçons sont affichés: en ligne par défaut, ce qui peut provoquer un comportement étrange lorsque des dimensions lui sont affectées. Si elle est positionnée absolument de toute façon, vous devez utiliser un div ou définir l'étendue pour afficher: block à la place.

Je ne sais pas si cela va résoudre votre problème, mais c'est un début :)