Le retour à la ligne ne fonctionne pas dans Internet Explorer

Question

Lorsque j'utilise Word-wrap:break-Word avec Mode Navigateur: Mode de compatibilité et mode Document IE9: Normes IE7 cela fonctionne parfaitement. Cependant, lorsque je modifie le Mode Document: Normes IE9 , cela ne fonctionne pas. J'ai aussi essayé d'utiliser -ms-Word-wrap:break-Word mais cela me donne le même résultat.

Définition du type de document: DTD/xhtml1-transitional.dtd

Quelqu'un peut-il me dire pourquoi et s'il existe une solution de rechange pour y faire face?

Answer 1

vous devez avoir

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

et mettez Word-wrap dans table,td,th pas dans span

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

Answer 2

appliquer la propriété Word-wrap au parent de l'élément concerné résoudra le problème dans IE9.

Answer 3

essayez de cette façon

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

Answer 4

Dans mon cas, IE n'a pas respecté le style de saut de mot jusqu'à ce que le rendu de span soit effectué sous la forme d'un bloc en ligne. 

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

Answer 5

-ms-Word-break: break-all;

fonctionne dans> IE9

Answer 6

Ajouter -ms-Word-break: break-Word; a fonctionné pour moi.

Answer 7

ça devrait marcher, .your_class_name{Word-break:break-Word;}, je l'ai testé dans ie7 - ie9 et ça casse le mot ...