css里文本换行问题

2024-10-31 02:56:15

推荐回答（2个）

回答（1）：

以前看到过这样一个逻辑。

大概意思是这样：给目标元素中，一个字一个字的往里添加，然后计算添加一个字后，元素的高度，然后记录（最初肯定是一行，当高度变化一次，就说明增加了一行，然后把行数就执行加1操作），然后就根据这个计算得到的行数，就可以判断，在什么时间，把字符串截断，显示为省略号了。。。

能理解这个逻辑不？那就试试用代码写出来吧。

好像是有点麻烦。。。。

我给你一个建议吧，直接overflow:hidden，然后在最后，覆盖一张...的透明PNG的图片，不过最后显示的一个文字有可能被遮盖住，漏点出来

又或者你放弃多行加省略号的想法，这样什么事情都好解决了

回答（2）：

white-space:nowrap; 这个是强制不换行，把这个去掉，然后控制一下高度就好了。
word-wrap: break-word; word-break: normal;这两个加上，不论是英文还是数字都会自动换行的