Как обрезать длинную строку в IE8?

Question

[awikong]

Добрый вечер. Столкнулся с проблемой при верстки. При маленьком расширение экрана, длинные строчки не обрезаются в IE8.

.serversName {
      max-width: 183px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; 
}

Есть такой вот class, в нем храниться название сервера. В Google Chrome хорошо работает, при уменьшении окна браузера, когда расширение доходит до 920px, лишнее убирается и ставиться 3 точки. Начинаю тестировать в IE8. Все эти правила в клаасе игнорируются.

Вот сайт на котором это делается: Перейти на сайт

Можете зайти сами поглядеть. В общем как сделать что бы и в IE8 обрезание работало? Спасибо за внимание :)

Answer 1

[Aleksey Solovyev]

1. Добавить -ms-text-overflow
   
2. Написать на JS скрипт обрезания
   
3. Использовать готовый плагин https://dollarshaveclub.github.io/shave/
   

ps попробуйте обернуть текст в span и ему задать text-overflow: ellipsis.