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:
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