переполнение текста: свойство многоточия не работает для браузера IE11

Question

Следующий css работает и отображает многоточие (выделено красным цветом) в случае браузера Chrome с результатами, как указано ниже:

Chrome:

position: relative;
display: -webkit-box;
max-height: 136px;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;

Результат:

Но в случае IE 11 многоточие не отображается:

Может кто-нибудь помочь мне решить эту проблему?

Answer 1

Протестировано и, кажется, работает нормально: https://jsbin.com/zaxasamoxa/1/edit

h1 {
  width: 100px;
  position: relative;
  display: block;
  display: -webkit-box;
  max-height: 136px;
  -webkit-line-clamp: 4px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

<h1>absdfmksdlfmdlskflsdkfmlsdkmflskdmf</h1>

Проверьте свой CSS на наличие других правил, которые могут меня испортить.

Обратите внимание, что display: -webkit-box; сломает многоточие в хроме.

Поддержка также подтверждена https://caniuse.com/#feat=text-overflow