V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
PeakFish

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

  •  1
     
  •   PeakFish · Apr 6, 2021 · 1663 views
    This topic created in 1849 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

    4 replies    2021-04-06 19:59:21 +08:00
    PinkRabbit
        1
    PinkRabbit  
       Apr 6, 2021
    -webkit-line-clamp ?
    xiayue
        2
    xiayue  
       Apr 6, 2021 via Android
    两个 dom ,分别显示
    qiayue
        4
    qiayue  
    PRO
       Apr 6, 2021
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3476 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 101ms · UTC 04:22 · PVG 12:22 · LAX 21:22 · JFK 00:22
    ♥ Do have faith in what you're doing.