HTML und CSS · Middle · Frage 65 von 75
Wie kürzt man Text auf drei Zeilen mit Auslassungspunkten?
.excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}- 1Mit einer Deklaration
max-lines: 3 - 2Mit
line-clamp, mit-webkit--Präfixen - 3Mit
text-overflow: ellipsisallein
Antwort zeigen
Richtige Antwort: Mit line-clamp, mit -webkit--Präfixen
Erklärung
text-overflow: ellipsis funktioniert nur für eine einzelne Zeile (mit white-space: nowrap und overflow: hidden). Das Muster mit Präfix für line-clamp unterstützen alle modernen Browser.