Ответ 1
вам нужно
table {
width:100%;
table-layout:fixed;
}
и поместите word-wrap
в table,td,th
не в span
Когда я использую word-wrap:break-word
в режиме браузера: вид совместимости IE9 и режим документа: стандарты IE7 работают отлично. Однако, когда я меняю стандарты Document Mode: IE9, он не работает.
Я также попытался использовать -ms-word-wrap:break-word
, но это дало мне тот же результат.
Определение типа документа: DTD/xhtml1-transitional.dtd
Может ли кто-нибудь сказать мне, почему это так, и если есть какое-либо обходное решение, чтобы справиться с этим?
вам нужно
table {
width:100%;
table-layout:fixed;
}
и поместите word-wrap
в table,td,th
не в span
применение свойства word-wrap для родителя соответствующего элемента разрешит проблему в IE9.
попробуйте это
.table tr td {
word-wrap: break-word;
word-break: break-all;
}
В моем случае IE не уважал стиль разрыва слова, пока я не сделал рендер диапазона как встроенный блок.
.selector{
display: inline-block;
word-break: break-all;
overflow-wrap: break-word; /* For other browsers*/
}
Добавление -ms-word-break: break-word;
работало для меня.
-ms-word-break: break-all;
работает в > IE9
он должен работать, .your_class_name{word-break:break-word;}
, я протестировал его в ie7 - ie9, и он сломал слово...