it-swarm.com.ru

Word-перенос не работает в Internet Explorer

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

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

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

13
dShringi

тебе нужно иметь

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

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

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

15
btevfik

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

15
mukesh

попробуйте это таким образом

  .table tr td { 
               Word-wrap: break-Word;
               Word-break: break-all;
               }
6
Piyush Marvaniya

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

.selector{
    display: inline-block;
    Word-break: break-all;
    overflow-wrap: break-Word; /* For other browsers*/
}
5
DevOragz
-ms-Word-break: break-all;

работает в> IE9

2
Anusha Medicherla

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

1
frodo2975

это должно работать, .your_class_name{Word-break:break-Word;}, я проверил это в ie7 - ie9, и это нарушает Word ...

0
Jurijs Nesterovs