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

Question

在this页面中，左侧边栏中有一些链接被裁剪：

.widget-area .textwidget li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

在Firefox / Chrome中，它显示正确：

不幸的是Internet Explorer 8/9/10 ...：

问题不在于IE 10支持文本溢出：省略号..例如this也适用于IE 10！我的实施有什么问题？我还尝试添加-ms-text-overflow：省略号，没有任何运气。

Answer 1

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

Answer 2

为你的CSS代码添加width属性..这会有所帮助..

Answer 3

对于IE，你应该添加一些额外的代码..比如改变你的宽度属性..或尝试使用dotdotdot jquery插件......这将是一个替代解决方案.. 喜欢这个

http://dotdotdot.frebsite.nl

编辑： 点击此链接

Quirksmode textoverflow

告诉您为IE设置宽度：100％ ..