求思路
通过js处理截取文字,怎么去判断 文字截取到哪
一种是可以利用css一个类名添加多行文本超出样式,点击后把改类名去掉
`
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
`,
另外可以类似百度搜索结果那样,用js处理文字+... 点击查看全部后再替换原来的文本
27 回答12.8k 阅读
6 回答2.1k 阅读✓ 已解决
8 回答3.3k 阅读✓ 已解决
6 回答941 阅读✓ 已解决
5 回答5.1k 阅读✓ 已解决
4 回答1.5k 阅读✓ 已解决
3 回答1.7k 阅读
最大的问题是如何让最后一行的文字和「查看更多」刚好排满一整行。
一个思路:
配合
text-align: justify
,就留下了刚好三行的文字。这个方法可以适配不同的字型,但是性能会比较差
楼上的
-webkit-line-clamp: 3
是标准做法,但是不适配最后有「查看更多」的情况,而且兼容性稍差。倒是可以设置
text-overflow: '... 查看更多'
,这样文字倒是完美裁剪了,但是样式和可点击区域怎么搞没想到