html中点击全文展开是如何实现的

Question

如上图
如果文章内容高于2行自动省略，文末显示全文按钮，少于2行不显示按钮，有办法实现吗？
我实现的思路是
渲染完毕0.2秒后判断文章内容高度是否高于2行高度，再修改css样式
问题： 视觉上有一定延迟，全文按钮无法放在文末，只能放在下一行

Answer 1

有多行省略 但是兼容不好
你可以选择前端根据个数截取数据 全文定位到最后面 但是全数据可能在接口中返回
可以后端截取后返回 重要的就是控制下字数 容易出现覆盖住半截字

Answer 2

https://caniuse.com/#search=l...
移动端随便用

根据行高计算 设置父级 div 的高度

Answer 3

外层溢出隐藏，判断内层高度，高度超出外层你设置的两行高度就显示按钮。