V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
PeakFish
V2EX  ›  前端开发

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

  •  1
     
  •   PeakFish · 242 天前 · 699 次点击
    这是一个创建于 242 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

    4 条回复    2021-04-06 19:59:21 +08:00
    PinkRabbit
        1
    PinkRabbit  
       242 天前
    -webkit-line-clamp ?
    xiayue
        2
    xiayue  
       242 天前 via Android
    两个 dom ,分别显示
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1161 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 18:54 · PVG 02:54 · LAX 10:54 · JFK 13:54
    ♥ Do have faith in what you're doing.