文字溢出实现溢出的部分再放入一个新生成的div中具体代码

2022-01-14,,,,

文字溢出,如何实现溢出的文字放入一个新生成的div中,原理就是判断是否能在div里放下,如果不能,则在应该断开的地方,差入到新的div中

看到群里有人提了一个问题,说文字溢出,如何实现溢出的文字放入一个新生成的div中,

想了一下原理,就是判断是否能在div里放下,如果不能,则在应该断开的地方,差入到新的div中,代码如下:
复制代码 代码如下:

文字自动分插不同的div-Jason Yu

*{margin:0;padding:0;}
body{line-height:24px;font-family:SimSun;font-size:12px;color:#000;}
#box1{height:96px;}
.box{width:200px;overflow:hidden;margin-top:10px;border:1px solid #000;}

补充一下,可能出现的问题1、符号在下一个div第一个出现2、字母如"student"会被断开写,及其他问题,需用正则判断一下。

以上就是文字溢出实现溢出的部分再放入一个新生成的div中具体代码的详细内容,更多请关注本站其它相关文章!

《文字溢出实现溢出的部分再放入一个新生成的div中具体代码.doc》

下载本文的Word格式文档,以方便收藏与打印。