跪求解答我的疑惑；1.比方说新闻资讯，超出的文本用“...”代替；我以前的解决方案是文本用p包裹，这个p外面放一个固定高度的div，当p超过这个div时，替换溢出的文本为‘...’;2.今天忽然发现如果新闻内容如果是拿富文本编辑的话，这个方法也就失灵了；那么 用.text()获取文本，然后截取规定字数的文本然后+‘...’这种方法合适，还是有其他的方法，比较懵逼。不好意思，问题没写清楚时间长了我都忘了为什么我一直没用过text-overflow:ellipsis；因为一般都是多行文本
1 回答
烙印99
TA贡献1829条经验 获得超13个赞
单行文本可以用text-overflow,多行文本的话还是用js吧
用js的话，一个思路是截取固定字数的文本加上...，但是这样如果出现数字英文中文混杂的，可能出现长度不够，另一个思路就是div高度固定并且overflow:hidden,js判断长度，然后加上一个class，用伪元素模拟...然后定位到最后遮盖住最后的几个字，因为有可能会把一个字遮挡掉一部分，所以最好用半透明的图来做...，当然这种做法也很恶心
添加回答
举报
0/150
提交
取消