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中。省略号显示某些行，而某些行则不显示。我还检查了数据库，看看来自数据库的文本是否有像其中的br的html标签，但事实并非如此。我还附上了截图，以便更清晰。请帮忙please click to see screenshot

Answer 1

你在这里浑浊的水域工作。检查Caniuse.com for text-overflow后，11版IE版本似乎不完全支持文本溢出。

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

在<input type="text">
某些基于三星的浏览器在设置省略号时以及文本呈现不是自动时会出现溢出文本的错误。
不适用于Chrome和IE中的精选元素，只适用于Firefox。

Answer 2

不确定导致文本溢出的原因：省略号在IE11中无法用于某些文本。我现在使用ng-class加载相同的样式，它的工作原理。 HTMl现在看起来像这样

＆＃13;

record.showEllipsis = 'show-ellipsis';

＆＃13;

<div class="container">
  <div ng-class="record.showEllipsis">
    {{record.bodyName}}
  </div>
</div>

＆＃13;

text-overflow：使用IE 11时，省略号在单个加载中间歇性地失败

2 个答案: