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

【问题标题】：how I can determine if the div have an overflow hidden using html?如何确定 div 是否使用 html 隐藏了溢出？
【发布时间】：2018-06-21 16:44:47
【问题描述】：

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

<div id="greetings" [innerHTML]="page.title">
</div>

#greetings{
   width: 100 px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

我该怎么做？

【问题讨论】：

标签： html angular wep

【解决方案1】：

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

看看下面的例子：

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

这是demo

【讨论】：

它已经隐藏了！或者如果隐藏了文本，它就返回 true ！我的意思是当这个条件返回真时！ *ngIf="(vars.style.overflow === 'hidden')
如果您将style="overflow: hidden" 更改为例如style="overflow: auto"，它将消失，这只是一个示例，我只是为您提供了如何直接比较html 中的样式属性
我只需要确定 div 是否有溢出我的意思是它有标题并隐藏它的溢出，因为有些情况下 div 包含完整的标题