我如何确定 div 是否使用 html 隐藏了溢出?

Question

如何使用html确定div是否有overflowhidden？ 使用Ngif我不想在类型脚本代码中使用它，如果div有overflow hidden，我需要设置另一个属性。

<div id="greetings" [innerHTML]="page.title">
</div>
#greetings{
width: 100 px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

我该怎么做？

Answer 1

存在一种通过在本例中使用元素内部的 var 来获取有关元素的样式信息的方法被命名#vars它能够直接在元素中获取样式，这就是我放置 atribute 的原因style="overflow: hidden"

请看以下示例：

<div id="greetings" style="overflow: hidden" #vars>
<div *ngIf="(vars.style.overflow === 'hidden')">
Hello universe!
</div>
</div>

这是一个演示