目前可以用css的这个属性为2-webkit-line-clamp: 2;
展示两行超出显示省略号。
但是目前有一个问题就是,我有一个显示剩余内容的功能,所以就需要我去判断是不是达到了两行并且出现了省略号才会出现这个显示剩余内容的功能。
现在我想到一个方法但是我觉得不是很靠谱,用js去拿到屏幕的宽度,然后在去算字的宽度,两行差不多多少字,然而这里面就有符号,英文和数字等等一些宽度也会影响判断是否达到了两行,感觉不是很好,有没有大佬指点一下这个功能该怎么做?
目前可以用css的这个属性为2-webkit-line-clamp: 2;
展示两行超出显示省略号。
但是目前有一个问题就是,我有一个显示剩余内容的功能,所以就需要我去判断是不是达到了两行并且出现了省略号才会出现这个显示剩余内容的功能。
现在我想到一个方法但是我觉得不是很靠谱,用js去拿到屏幕的宽度,然后在去算字的宽度,两行差不多多少字,然而这里面就有符号,英文和数字等等一些宽度也会影响判断是否达到了两行,感觉不是很好,有没有大佬指点一下这个功能该怎么做?
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.9k 阅读✓ 已解决
不用, 指定行高, 插入 dom 树计算高度, lineNum = totalHeight / lineHeight;
然后再计算的