前端进,请大家测试个页面。行内按钮控制文本显示隐藏

2021-04-06 16:16:13 +08:00
 PeakFish

描述一下需求:文字太多超过 n 行的时候,只显示 n 行,展开按钮 和 收起按钮 和文本同一行显示。

这种需求,没找到前端实现有什么很好的方法。

本例是 二分查找 & 修改文本长度,然后 getClientRects 计算行数。

大家还有什么思路可以交流交流。

大家给测试看看 地址: https://peakfish.github.io/inline-button-text-show-hide/more.html

1168 次点击
所在节点    前端开发
4 条回复
PinkRabbit
2021-04-06 16:38:02 +08:00
-webkit-line-clamp ?
xiayue
2021-04-06 19:19:27 +08:00
两个 dom ,分别显示
mxT52CRuqR6o5
2021-04-06 19:52:44 +08:00
qiayue
2021-04-06 19:59:21 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/768418

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX