我正在使用以下CSS来截断带省略号的文本.
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
这对我来说效果很好,但是当元素的宽度小于省略号字符的宽度时,它的行为并不像我想的那样.我希望省略号字符将被截断,但原始文本显示截断而没有省略号.
有关示例,请参见this JSFiddle.
解决方法
我遇到了同样的问题,截断的椭圆字符有一个宽度阈值更改为截断的椭圆文本,宽度阈值受字体大小的影响,并且与浏览器类型不同.如果我们知道宽度阈值,我们可以手动使用“…”来替换原始文本.但宽度阈值未知……
