文本溢出:省略号对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;
}

In Firefox/Chrome it's displayed properly: 文本溢出:省略号对IE不起作用

在Firefox/Chrome中显示正确:

Unfortunately Internet Explorer 8/9/10...: 文本溢出:省略号对IE不起作用

不幸的是,Internet Explorer 8/9/10…:

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.

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

3 个解决方案

#1

Removing the word-wrap: break-word property should help.

删除单词包装:break-word属性应该会有所帮助。

#2

add width property to your CSS code..this would help..

向CSS代码中添加width属性。这将有助于…

#3

For IE you should add some extra code..like changing ur width property..or try using a dotdotdot jquery plugin..that would be an alternate solution.. Like this

对于IE，你应该添加一些额外的代码。就像改变你的宽度属性。或者试试使用dotdot jquery插件。那将是另一种解决办法。像这样

http://dotdotdot.frebsite.nl

Edit: Follow this link

编辑:遵循这个链接

Quirksmode textoverflow

which tells you to set the width:100% for IE..

告诉你设置宽度为IE的100%

#1