html - 如何确定 div 是否使用 html 隐藏了溢出？

Question

如何确定是否div使用overflow hidden了html？使用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它能够直接在元素中获取样式，这就是我放置属性的原因style="overflow: hidden"

看看下面的例子：

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

这是一个演示