当内容溢出div的固定高度时,如何创建新的div?

CSS

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

HTML

 
dynamic text

当动态文本溢出div的固定高度时,如何创建新的div?

例:

 
Some dynamic texts will appear here

当动态文本溢出div的固定高度时,上面的内容将如下所示。

 
Some dynamic
texts will
appear here

我已经尝试在PHP wordwrap($dynamic_text, 600, '

');使用wordwrap函数wordwrap($dynamic_text, 600, '
'); 它可以运行,但是当从Ms.Words复制角色时它有问题。 所以,通过检测溢出的文本,剪切它,然后将其粘贴到新的div元素是更好的解决,我猜。 但是,我不知道如何使用JQuery或Javascript来解决这个问题。

有任何想法吗? 提前致谢!

你可以做到这一点,它不仅仅是几行代码。 这需要一个非常有经验的开发人员几天。 对不起,无法共享代码。

Javascript:将整个内容放入div中。 您可以将其隐藏或暂时保留在DOM之外。 穿过div的孩子们。 找到top + scrollHeight超过div高度的那个。 递归遍历它。 最终,您将找到不适合的不可分割的元素,例如图像,或者文本节点中用于分割文本的位置。 从div中删除该部分和所有其他元素。 将它们添加到新的。

有很多细节需要解决,所以并不简单。 但可行。