Запретить разрывы строк после определенного количества строк в текстовой области или редактируемом элементе div. ⇐ CSS

[Anonymous]

Я хочу создать текстовую область или редактируемый элемент div (предпочтительно текстовую область) с максимальным количеством строк, в которой при достижении максимальной строки не будет новых разрывов строк. добавляются, и весь новый текст скрыт (но все еще существует).
Я пробовал использовать как текстовые области, так и контентные элементы div, и мне удалось получить они перестают изменять размер после максимального количества строк, но добавляемый новый контент по-прежнему вызывает разрывы строк и выталкивает существующий текст из поля зрения.
Для грубой демонстрации:
текущий (максимум строк — 3):

Код: Выделить всё

aaaaaaaaaaaaaaaaa (text gets hidden because of max lines)
aaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaa
aaaaaaaaa (overflows to a new line)

хочу

Код: Выделить всё

aaaaaaaaaaaaaaaa (text is still visible)
aaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa (continues on the same line, getting hidden but still exising)

Вот скрипка с тем, что у меня есть на данный момент: скрипка


Подробнее здесь: https://stackoverflow.com/questions/784 ... ntentedita