如何识别省略号正在应用,以便一些链接(更多)可以添加后缀来切换省略号

How to identify Ellipsis is being applied so that some links(more) can be suffixed to toggle the ellipsis

本文关键字:省略号 更多 添加 链接 后缀 何识别 识别 应用      更新时间:2023-09-26

如何识别省略号正在被应用,以便一些链接(更多)可以添加后缀来切换省略号

是否有任何检测使用CSS或Javascript应用省略号的方法。这里我需要在三行之后应用省略号。以下CSS:

    .test-ellipsis {
        color: #6f6f6f;
        font-size: 12px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

可以使用jQuery实现。我们的想法是克隆并渲染元素,看看渲染的宽度是否大于原始元素。但我不会给你一个工作代码,而是把你重定向到另一个类似的SO问题,它实现了一个工作版本。