Word-обход, не работающий в Internet Explorer

Когда я использую word-wrap:break-word в режиме браузера: вид совместимости IE9 и режим документа: стандарты IE7 работают отлично. Однако, когда я меняю стандарты Document Mode: IE9, он не работает. Я также попытался использовать -ms-word-wrap:break-word, но это дало мне тот же результат.

Определение типа документа: DTD/xhtml1-transitional.dtd

Может ли кто-нибудь сказать мне, почему это так, и если есть какое-либо обходное решение, чтобы справиться с этим?

Ответ 1

вам нужно

table {
    width:100%;
    table-layout:fixed;
}

и поместите word-wrap в table,td,th не в span

http://jsfiddle.net/d6VsD/7/

Ответ 2

применение свойства word-wrap для родителя соответствующего элемента разрешит проблему в IE9.

Ответ 3

попробуйте это

  .table tr td { 
               word-wrap: break-word;
               word-break: break-all;
               }

Ответ 4

В моем случае IE не уважал стиль разрыва слова, пока я не сделал рендер диапазона как встроенный блок.

.selector{
    display: inline-block;
    word-break: break-all;
    overflow-wrap: break-word; /* For other browsers*/
}

Ответ 5

Добавление -ms-word-break: break-word; работало для меня.

Ответ 6

-ms-word-break: break-all;

работает в > IE9

Ответ 7

он должен работать, .your_class_name{word-break:break-word;}, я протестировал его в ie7 - ie9, и он сломал слово...