CSS

.page{ 
      width: 275px;
      hight: 380px;
      overflow: auto;
     }

HTML

<div class="page">dynamic text</div>

Как создать новый div, когда динамический текст выходит за пределы фиксированной высоты div?

Пример:

<div class="page">Some dynamic texts will appear here</div>

Когда динамический текст выходит за пределы фиксированной высоты div, содержимое выше будет выглядеть следующим образом.

<div class="page">Some dynamic</div>
<div class="page">texts will</div>
<div class="page">appear here</div>

Я пытался использовать функцию WordWrap в PHPwordwrap($dynamic_text, 600, '</div><div class="page">'); он может работать, но возникла проблема, когда персонаж был скопирован с Ms.Words. Так что, обнаружив переполненный текст, обрежьте его и вставьте в новый элемент div, я думаю, это лучшее решение. Но я не знаю, как сделать это решение с помощью JQuery или Javascript.

Есть идеи? Заранее спасибо!