¿Cómo crear un nuevo div cuando el contenido se desborda más allá de la altura fija del div?
CSS
.page{
width: 275px;
hight: 380px;
overflow: auto;
}
HTML
<div class="page">dynamic text</div>
¿Cómo crear un nuevo div cuando el texto dinámico se desborda más allá de la altura fija del div?
Ejemplo:
<div class="page">Some dynamic texts will appear here</div>
Cuando el texto dinámico se desborda más allá de la altura fija de la división, el contenido de arriba aparecerá como este.
<div class="page">Some dynamic</div>
<div class="page">texts will</div>
<div class="page">appear here</div>
He intentado usar la función wordwrap en PHPwordwrap($dynamic_text, 600, '</div><div class="page">'); puede ejecutarse, pero tuvo un problema cuando el personaje fue copiado de Ms.Words. Entonces, al detectar el texto desbordado, córtelo y luego péguelo en el nuevo elemento div es la mejor solución, supongo. Pero, no sé cómo hacer esta solución usando JQuery o Javascript.
¿Algunas ideas? ¡Gracias por adelantado!