web-dev-qa-db-fra.com

Le retour à la ligne ne fonctionne pas dans Internet Explorer

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?

13
dShringi

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/

15
btevfik

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

15
mukesh

essayez de cette façon

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

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*/
}
5
DevOragz
-ms-Word-break: break-all;

fonctionne dans> IE9

2
Anusha Medicherla

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

1
frodo2975

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

0
Jurijs Nesterovs