描述一下需求:文字太多超过 n 行的时候,只显示 n 行,展开按钮 和 收起按钮 和文本同一行显示。
这种需求,没找到前端实现有什么很好的方法。
本例是 二分查找 & 修改文本长度,然后 getClientRects
计算行数。
大家还有什么思路可以交流交流。
大家给测试看看 地址: https://peakfish.github.io/inline-button-text-show-hide/more.html
1
PinkRabbit 2021-04-06 16:38:02 +08:00
-webkit-line-clamp ?
|
2
xiayue 2021-04-06 19:19:27 +08:00 via Android
两个 dom ,分别显示
|
3
mxT52CRuqR6o5 2021-04-06 19:52:44 +08:00
|
4
qiayue 2021-04-06 19:59:21 +08:00
|