html - 文本溢出 : ellipsis fails intermittently in a single load while using IE 11

Question

.show-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

<div class="container">
  <div class="row show-ellipsis">
    {{record.bodyName}}
  </div>
</div>

我有一个支持 IE 9 到 IE 11 的应用程序。我在级别上应用的省略号样式在下面的代码片段中给出。这是在 ng-repeat 中。省略号对某些行显示，对某些行不显示。我还检查了数据库，看看来自数据库的文本是否有任何 html 标签，如 br
里面，但它没有。为了更清楚起见，我还附上了屏幕截图。请帮忙please click to see screenshot

Answer 1

你在这里浑水摸鱼。检查后Caniuse.com for text-overflow 11 以下的 IE 版本似乎不完全支持 text-overflow。

此外，标有“已知问题”的 caniuse 部分也可能对您有所帮助:

• 在 <input type="text"> 上的 IE8 和 IE9 中不起作用
• 某些基于 Samsung 的浏览器在设置省略号且文本呈现不是自动的情况下会出现文本溢出的错误。
• 不适用于 Chrome 和 IE 中的选定元素，仅适用于 Firefox。