HTML5: contenteditable div с заблокированной высотой и созданием нового div, когда текст достигает дна

Question

Мне интересно, как избежать того, чтобы DIV с фиксированными размерами по ширине и высокой и разрешенной contenteditable функцией не увеличивал свой максимум, когда пользователь, печатая символы внутри, превышал максимум DIV.Фактически, даже пытаясь определить фиксированный максимум, я замечаю, что заполнение всего пространства DIV словами и выход за пределы браузера автоматически увеличивает максимум DIV.Наоборот, мне нужен заблокированный максимум DIV, полоса прокрутки не появляется, и в конечном итоге я хотел бы, чтобы новый DIV создавался в событии с достижением верхнего предела, где будет отображаться и отображаться поток пользовательских символов.У кого-нибудь есть идеи?

Answer 1

Div может сохранить свою высоту, как определено, если вы правильно установите CSS:

<div style="border:1px solid black; height:100px; overflow:hidden" contentEditable="true">
line 1 type here<br>
   line 2<br>
   line 3<br>
   line 4<br>
   line 5<br>
   line 6<br>
</div>    

Что касается создания нового div, когда содержимое превышает допустимую высоту, вам придется создатьнекоторая функция, которая проверяет эти значения и действует соответственно.

Answer 2

Добавить CSS свойства

 white-space: nowrap;
    overflow: hidden;