text-overflow：省略号在IE上不工作 [英] text-overflow:ellipsis doesn't work on IE

问题描述

在此页面中，左侧栏中有一些链接，其中包含以下内容：

In this page there are some links at the left sidebar that get cropped with:

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

在Firefox / Chrome中正确显示：

In Firefox/Chrome it's displayed properly:

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

Unfortunately Internet Explorer 8/9/10...:

问题不是IE 10支持文本溢出：省略号例如此在IE 10上工作！我的实现有什么问题？我还尝试添加-ms-text-overflow：ellipsis，没有任何运气。

The problem isn't IE 10 support for text-overflow:ellipsis.. for example this works on IE 10 too! What's wrong with my implementation? I also tried to add -ms-text-overflow:ellipsis, without any luck.

推荐答案

删除 word-wrap：break-word 属性应该有帮助。

这篇关于text-overflow：省略号在IE上不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！