Text-overflow: многоточие не работает на IE

В этой странице есть некоторые ссылки на левой боковой панели, которые обрезаются с помощью:

.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: эллипсис без везения.

Ответ 1

Удаление свойства word-wrap: break-word должно помочь.

Ответ 2

добавить свойство ширины в ваш код CSS.. это поможет..

Ответ 3

Для IE вы должны добавить дополнительный код... например, изменить свойство ширины ur.. или попробовать использовать плагин jQuery dotdotdot.. это будет альтернативное решение.. Как этот

http://dotdotdot.frebsite.nl

Изменить: Следуйте по этой ссылке

Quirksmode textoverflow

который сообщает вам установить width: 100% для IE..