internet-explorer - 文本溢出：省略号在 IE 上不起作用

Question

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

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

在 Firefox/Chrome 中正确显示：来自 Firefox/Chrome 的屏幕截图

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

问题不在于 IE 10 对 text-overflow:ellipsis 的支持。例如，这也适用于 IE 10！我的实施有什么问题？我还尝试添加 -ms-text-overflow:ellipsis，但没有任何运气。

score 39 · Accepted Answer

39

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

于 2013-02-02T18:17:58.757 回答

score 2 · Accepted Answer

2

将 width 属性添加到您的 CSS 代码..这会有所帮助..

于 2013-02-02T17:15:02.280 回答

score 1 · Accepted Answer

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

编辑：点击此链接

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

3 回答 3