当内容溢出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, '
'); 它可以运行,但是当从Ms.Words复制角色时它有问题。 所以,通过检测溢出的文本,剪切它,然后将其粘贴到新的div元素是更好的解决,我猜。 但是,我不知道如何使用JQuery或Javascript来解决这个问题。
有任何想法吗? 提前致谢!
你可以做到这一点,它不仅仅是几行代码。 这需要一个非常有经验的开发人员几天。 对不起,无法共享代码。
Javascript:将整个内容放入div中。 您可以将其隐藏或暂时保留在DOM之外。 穿过div的孩子们。 找到top + scrollHeight超过div高度的那个。 递归遍历它。 最终,您将找到不适合的不可分割的元素,例如图像,或者文本节点中用于分割文本的位置。 从div中删除该部分和所有其他元素。 将它们添加到新的。
有很多细节需要解决,所以并不简单。 但可行。