Internet Explorer 11 поддерживает разделение слов

Internet explorer продолжает раскалывать мои слова. Chrome и Firefox работают нормально.

Вот мой код и ссылка на сайт: http://www.hgsainc.com/about/ Спасибо за вашу помощь!

.page #main .entry-content {
 width: 100%;
 padding-right: 0;
 word-wrap: normal;
 -webkit-hyphens: none;
 -moz-hyphens: none;
 hyphens: none;
 table-layout: fixed; 
}
.page #main .entry-content p,
.page #main .entry-content span {
 font-size: 16px;
 line-height: 30px;
 text-align: right;
}
2 ответа

Я не смотрел ваш сайт, но похоже, что вам нужно добавить префикс -ms-hyphens к вашему css. У вас есть -webkit и -moz, но не -ms:

-ms-hyphens: none;

См. здесь для получения дополнительной информации: http://msdn.microsoft.com/en-us/library/ie/hh771871(v=vs.85).aspx

Кроме того, посмотрев на него немного больше, похоже, что Opera не поддерживает это, и большинство мобильных браузеров не работает: http://caniuse.com/css-hyphens - всего лишь голова вверх, если вы столкнетесь с этим по дороге.


После проверки инструментов разработчика в Internet Explorer проверка абзаца, имевшего эту проблему, показала стиль -ms-hyphens:auto; в вашем коде. Вероятно, вы должны добавить стиль с -ms-hyphens:auto; в свой блок стилей, чтобы это не происходило.

Стиль, который вызывает это, помещается в http://www.hgsainc.com/wp-content/themes/twentythirteen/style.css в части * 5.3 Entry Content. Вы также можете удалить стили hyphens, чтобы избежать необходимости этого.

licensed under cc by-sa 3.0 with attribution.