CSS-Auslassungszeichen abgeschnitten, wenn Breite schmaler als Ellipsenzeichen ist

Question

Ich verwende den folgenden CSS, um Text mit Auslassungspunkten zu kürzen.

.truncate { 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

Dies funktioniert gut für mich, aber nicht so verhält wie Ich mag würde, wenn die Breite des Elements kleiner als die Breite des Zeichens Auslassungs ist. Ich würde erwarten, dass das Ellipsenzeichen abgeschnitten wird, stattdessen wird der ursprüngliche Text abgeschnitten ohne die Ellipse angezeigt.

Siehe this JSFiddle für ein Beispiel.

Während ich dieses Problem mit einer minimalen Breite vermeiden kann, bin ich neugierig, ob es eine einfache Möglichkeit gibt, ein abgeschnittenes Ellipsenzeichen anstelle des abgeschnittenen Textes anzuzeigen.

Answer 1

Ich habe die gleiche Frage mit Ihnen, gibt es eine Breite Schwelle für abgeschnittene Ellipse Zeichen in abgeschnittenen Ellipse Text ändern, und die Breite Schwellenwert wird durch die Schriftgröße beeinflusst, und unterscheidet sich von der Art der Browser. Wenn wir den Schwellenwert für die Breite kennen, können wir manuell '...' verwenden, um den ursprünglichen Text zu ersetzen. der Breitenschwellenwert ist jedoch unbekannt ...