javascript - 如何识别正在应用的省略号，以便可以为某些链接(更多)添加后缀以切换省略号

Question

如何识别正在应用的省略号，以便某些链接(更多)可以添加后缀以切换省略号。

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

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

Answer 1

您可以使用 jQuery 实现它。这个想法是克隆和渲染元素，看看渲染的宽度是否大于原始宽度。但是我不会给你一个工作代码，而是将你重定向到 another similar SO question实现了一个工作版本。