Вёрстка Junior Вёрстка на практике обновлено
Многоточие в одну строку
Условие
Длинный текст в .title должен обрезаться многоточием, не переносясь на вторую строку. Ширина контейнера 200px.
Что проверяют тесты
текст не переносится
содержимое обрезается
многоточие включено
высота в одну строку
не шире контейнера
Как подойти
Классическая тройка, которую спрашивают дословно. Каждое свойство необходимо: nowrap запрещает перенос, overflow: hidden создаёт обрезку, text-overflow рисует многоточие в месте обрезки. Убери любое - не сработает. Для многострочной обрезки нужен другой набор, через -webkit-line-clamp.
Подсказки: 2
- Нужны ровно три свойства и все три обязательны.
- Без nowrap текст перенесётся и обрезаться будет нечему.
Решите в тренажёре
Редактор с автотестами прямо в браузере. Можно решить спокойно, вслух или под таймером, как на собесе.