text-overflow ändert den Inhalt von Ellipsen

Question

text-overflow ändert den Inhalt von Ellipsen

8

Ein Kunde hat mir eine Schriftart geschickt, in der das '...'-Zeichen nicht definiert ist (es erscheint nur eine spiegelverkehrte' 3 '). Also wollte ich etwas tun wie:

%Vor%

irgendeine Idee, wie kann ich das tun?

html css

Matthias Burger 09.01.2017, 13:20

quelle

1 Antwort

Tags und Links html css

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Holen Sie sich das nächste Rechnungsdatum von Laravel Cashier

score 6 · Accepted Answer

Sie können den Wert von text-overflow tatsächlich festlegen. zu string, wie:

%Vor%

Allerdings:

Es hat schreckliche Browser-Unterstützung (nur in Firefox und vielleicht Edge)
Es ist nur im Editor-Entwurf für CSS angegeben , so könnte es sehr wohl sein entfernt / geändert.

In dem Entwurf heißt es sogar:

Hinweis: Der <string> Wert und die 2-Wert Syntax "{1,2}" und Funktionalität sind alle gefährdet.

Verwenden Sie im Prinzip nicht den Zeichenfolgenwert .

Aus diesem Grund würde ich nur eine Klasse verwenden, wenn der Überlauf nicht dynamisch sein muss, oder JS, wenn dies der Fall ist.

JS-Lösung

%Vor% %Vor% %Vor%

Eine JS-Lösung ist eigentlich wirklich einfach.

Überprüfen Sie, ob die Scrollbreite der Elemente breiter ist als ihre tatsächliche Breite (dh sie hat einen Überlauf)
Schleife, Entfernen des letzten Zeichens bis zur Bildlaufbreite mit der after Pseudo-Elemente Inhalt ist kleiner als die Breite.