Warum kann ich Text nicht abschneiden?

8

Ich möchte den Text nach dem Wortende abschneiden und nicht wie im folgenden Beispiel auf ein halbes Wort abschneiden.

JSFiddle

Was ich tun möchte, ist im folgenden Bild dargestellt:

Code:

%Vor% %Vor%
    
ml92 27.10.2016, 05:00
quelle

3 Antworten

3

Ich denke, das wird funktionieren.

%Vor%

Sie können auch hier nachsehen: Ссылка

    
coskukoz 27.10.2016 05:27
quelle
3

Soweit ich weiß, hat die CSS-Eigenschaft text-overflow: ellipsis eine Einschränkung in dieser Tatsache, dass sie nur in einer einzigen Textzeile funktioniert.

Also für Ihre Frage, ich glaube nicht, dass es im einfachen CSS möglich ist, das zu erreichen, was Sie wollen (oder zumindest kann ich es nicht herausfinden)

Ich habe eine Möglichkeit gefunden, ein Wort in mehreren Zeilen zu kürzen. Sehen Sie sich JSFiddle oder das folgende Snippet an:

%Vor% %Vor%

Er verwendet das Pseudoelement :before , um in der rechten unteren Ecke Ellipsen zu erstellen.

Obwohl es vielleicht nicht die einfache Lösung ist, nach der Sie suchen, glaube ich nicht, dass es auf einfachere Weise möglich ist, das zu erreichen, was Sie in CSS wollen (jemand korrigiert mich, wenn ich falsch liege)

Hinweis : Es gibt eine Möglichkeit, dies mit jQuery und einigen Regex

zu tun

%Vor% %Vor% %Vor%
    
Luka Kerr 27.10.2016 05:58
quelle
1

Sie können word-wrap: break-word;

verwenden

%Vor% %Vor%
    
Eldeniz 27.10.2016 06:57
quelle

Tags und Links