Карточка Junior Вёрстка на практике обновлено
Обрезка текста в несколько строк
Вопрос
Как обрезать текст многоточием после трёх строк?
Попробуйте сами
Ответьте про себя или вслух, потом откройте ответ и сверьтесь.
Показать ответ и разбор
Коротко
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;. Префиксная запись поддерживается всеми основными браузерами.
Ответ
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;. Префиксная запись поддерживается всеми основными браузерами.
Разбор
Для одной строки хватает white-space: nowrap; overflow: hidden; text-overflow: ellipsis.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.