Верстка · Middle · Запитання 65 з 75
Як обрізати текст до трьох рядків із трикрапкою?
.excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}- ✓Правильна відповідь: Через
line-clamp(досі з префіксом-webkit-іdisplay: -webkit-box) - 2Одним
text-overflow: ellipsis - 3Через
max-lines: 3
Пояснення
text-overflow: ellipsis працює лише для одного рядка (з white-space: nowrap і overflow: hidden). Шаблон line-clamp із префіксом підтримують усі сучасні браузери.