Я знаю, что вы можете использовать комбинацию правил CSS, чтобы текст заканчивался многоточием (...), когда пришло время переполниться (выйти за пределы родительского элемента).
Можно ли (не стесняйтесь просто сказать «нет») добиться того же эффекта, но позволить тексту переноситься на более чем одну строку?
Вот демо.
Код: Выделить всё
div {
width: 300px;
height: 42px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
Как видите, текст заканчивается многоточием, если его ширина превышает ширину элемента div. Однако места по-прежнему достаточно, чтобы текст можно было перенести на вторую строку и продолжить. Это прерывается пробелом: nowrap, который необходим для работы многоточия.
Есть идеи?
P.S.: Никаких решений JS, если возможно, чистый CSS.
Подробнее здесь:
https://stackoverflow.com/questions/159 ... -two-lines
Мобильная версия