确定在使用 -webkit-line-clamp 进行多行省略号时是否显示省略号

Question

我们根据https://css-tricks.com/line-clampin/ 使用多行CSS 省略号。我们想检测是否显示省略号，并根据是否显示省略号来决定是否显示工具提示。

我尝试比较 offsetWidth 和 scrollWidth，但无论是否显示省略号，这些值都是相同的。如果有人有提示，非常感谢您的帮助。谢谢。

Answer 1

线夹时使用offsetHeight 和scrollHeight。

const isEllipsisActive = (element: HTMLElement) => {
     return element.offsetHeight < element.scrollHeight;
}