HTML i CSS · Middle · Pytanie 65 z 75

Jak przyciąć tekst do trzech linii z wielokropkiem?

.excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

✓Poprawna odpowiedź: Przez line-clamp (nadal z prefiksem -webkit- i display: -webkit-box)
2Samym text-overflow: ellipsis
3Przez max-lines: 3

Wyjaśnienie

text-overflow: ellipsis działa tylko dla jednej linii (z white-space: nowrap i overflow: hidden). Wzorzec line-clamp z prefiksem jest obsługiwany we wszystkich nowoczesnych przeglądarkach.

Do poczytania

MDN: line-clamp ↗

Jak przyciąć tekst do trzech linii z wielokropkiem?

Wyjaśnienie

Do poczytania

Błąd w pytaniu

Sprawdź się