text-overflow:省略号在IE上不起作用

Mul*_*gno 28 css internet-explorer overflow css3

在此页面中,左侧边栏中有一些链接被裁剪:

.widget-area .textwidget li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
Run Code Online (Sandbox Code Playgroud)

在Firefox/Chrome中,它显示正确: Firefox/Chrome的屏幕截图

不幸的是Internet Explorer 8/9/10 ...: IE 10的屏幕截图

问题不是IE 10支持文本溢出:省略号..例如,这也适用于IE 10!我的实施有什么问题?我还尝试添加-ms-text-overflow:省略号,没有任何运气.

dur*_*uri 40

删除word-wrap: break-word属性应该有所帮助.

  • 注意:如果文本前面有```,IE11(可能在下面)将无法使用它! (11认同)
  • 由于这不在上面的CSS或我的CSS中,这有点令人困惑.添加"word-wrap:normal"似乎确实解决了这个问题. (8认同)