Heim >Web-Frontend >CSS-Tutorial >Mehrzeiligen Text mit der Zeilenklemme abschneiden

Mehrzeiligen Text mit der Zeilenklemme abschneiden

Linda Hamilton
Linda HamiltonOriginal
2024-12-29 10:44:12216Durchsuche

Truncating multiline text with line-clamp

line-clamp ist eine CSS-Eigenschaft, mit der Sie mehrzeiligen Text (Text abschneiden) innerhalb eines HTML-Elements auf eine bestimmte Anzahl von Zeilen kürzen können. Es eignet sich perfekt, wenn Sie nur einen Teil eines Langtextes wie Titel, Produktbeschreibungen oder Artikelauszüge anzeigen möchten und dabei die Lesbarkeit und das Aussehen beibehalten möchten.

Eine Demo finden Sie im folgenden Codepen:

Vollständiger Artikel: https://snippflow.com/snippet/truncating-multiline-text-with-line-clamp/
CSS-Snippets

Das obige ist der detaillierte Inhalt vonMehrzeiligen Text mit der Zeilenklemme abschneiden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn