Wie kann ich in CSS einen mehrzeiligen Textüberlauf mit Auslassungspunkten erstellen?

CSS-Überlauf-Auslassungspunkte in mehreren Zeilen

Das Problem

CSS-Eigenschaften ermöglichen das Ausblenden von übergelaufenem Text durch Auslassungspunkte ("..."). ) am Ende der Zeile. Diese Funktionalität ist jedoch auf eine einzelne Zeile beschränkt. Ziel ist es, dieses Verhalten auf mehrere Textzeilen auszudehnen.

Die Lösung

Während CSS allein dies nicht erreichen kann, bieten jQuery-Plugins eine Lösung. Nachfolgend finden Sie eine Liste der empfohlenen Plugins:

• http://pvdspek.github.com/jquery.autoellipsis/
• http://dotdotdot.frebsite.nl/
• http://keith-wood.name/more.html
• http://github.com/tbasse/jquery-truncate

Leistung Überlegungen

Berücksichtigen Sie Leistungstests bei der Auswahl eines Plugins. Nachfolgend finden Sie einige Ressourcen zur Leistungsbewertung:

• [Leistungsvergleich](https://code.google.com/archive/p/jquery-text-overflow/)
• [ Ellipsify-Leistungstest](https://ellis.ninjs.in/performance)

Das obige ist der detaillierte Inhalt vonWie kann ich in CSS einen mehrzeiligen Textüberlauf mit Auslassungspunkten erstellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!