Internet explorer 文本溢出：省略号不'；I don’我不在IE上工作

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

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

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

不幸的是，Internet Explorer 8/9/10…：

---

问题不在于IE 10对文本溢出的支持：省略号。。例如，在IE10上也可以使用！我的实现有什么问题？我还尝试添加-ms text overflow:省略号，没有任何运气。

对于IE，你应该添加一些额外的代码..比如更改你的width属性..或者尝试使用DotJQuery插件..这将是另一种解决方案。。 像这样

编辑： 点击这个链接

---

它告诉您为IE设置宽度：100%。

将宽度属性添加到CSS代码中。这会有帮助。

删除

换行：断开单词

属性应该会有帮助。

一个很好的解决方案是使用jQuery来处理这个小问题？啊。这应该是一个简单的修复，比如将3个CSS声明移动到容器中。。差不多吧！我在谷歌上搜索了一下，但我似乎找不到任何有趣的东西。很好的解决方案，因为它是跨浏览器实现的。为了更好的演示。最简单的解决方案并不总是最好的解决方案。试着在ie jsfiddle.net/HerrSerker/kaJ3L/1/中运行它，做什么？李。widget区域。text widget ul？textwidget div..在li place div.内。。我的意思是让每个li元素都有div，然后包含您的内容。。并将width或max width应用到您的内部div（新添加的）中，该div现在已尝试，但不起作用。宽度减小了（我尝试使用width:190px），但链接仍在两行上。将display:inline块属性赋予内部div（div-inside-li）将display属性添加到block..width为100%..或您希望的宽度..或设置最大宽度..使用IE 10的另一个实现示例：好的，我现在没有访问IE css的权限..我稍后会更新我的代码..这很奇怪，因为IE是IE5.5中第一个实现

省略号的浏览器，所以你会认为他们做对了。这是一个PHP网站。。查看第一篇文章中提供的链接中的HTML源代码。由于上面的CSS或我的CSS中没有HTML源代码，这有点令人困惑。添加“wordwrap:normal”似乎可以解决这个问题。这对我来说毫无意义，但这是正确的答案。谢谢duri。注意：如果文本前面有

，IE11（可能在下面）将不适用于此！