关于多行溢出文本变成“...”这个简单的问题

Question

跪求解答我的疑惑；
1.比方说新闻资讯，超出的文本用“...”代替；
我以前的解决方案是文本用p包裹，这个p外面放一个固定高度的div，当p超过这个div时，替换溢出的文本为‘...’;
2.今天忽然发现如果新闻内容如果是拿富文本编辑的话，这个方法也就失灵了；
那么 用.text()获取文本，然后截取规定字数的文本然后+‘...’这种方法合适，还是有其他的方法，比较懵逼。

不好意思，问题没写清楚
时间长了我都忘了为什么我一直没用过text-overflow:ellipsis；
因为一般都是多行文本

Answer 1

单行文本可以用text-overflow,多行文本的话还是用js吧用js的话，一个思路是截取固定字数的文本加上...，但是这样如果出现数字英文中文混杂的，可能出现长度不够，另一个思路就是div高度固定并且overflow:hidden,js判断长度，然后加上一个class，用伪元素模拟...然后定位到最后遮盖住最后的几个字，因为有可能会把一个字遮挡掉一部分，所以最好用半透明的图来做...，当然这种做法也很恶心