CSS word-wrap: break-word ne fonctionne pas sur IE9
9 réponses
pour un numéro similaire, j'ai utilisé display: inline-block
sur le <a>
balise, qui semble aider. Et word-break: break-all
car je m'inquiétais des longues URLs qui ne s'emballaient pas.
Donc, dans votre cas, essentiellement...
.tab_title a {
display: inline-block;
word-break: break-all;
}
Cela pourrait faire l'affaire: http://www.last-child.com/word-wrapping-for-internet-explorer/
un autre post suggère aussi d'appliquer word-break:break-all
et word-wrap:break-word
.
essaye ceci:
.tab_title a{
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
j'ai supprimer la balise d'ancrage après .tab_title
classe et ça marche
word-wrap: word-break;
fonctionne uniquement en ff et chrome et non en IE8 et IE9.word-break: break-all;
ne fonctionne pas non plus.
Pour moi, il a travaillé dans les deux Chrome et IE:
.word-hyphen-break {
word-break: break-word;
word-wrap: break-word;
width: 100%;
}
comme ça pas besoin de configurer la largeur.
j'ai eu un bon succès dans Chrome, Firefox et IE à l'aide:
word-break: break-word;
word-wrap: break-word;
Dans mon cas j'ai été en utilisant:
display: table-cell;
et j'ai fini par avoir à inclure
max-width: 440px;
pour obtenir de l'emballage dans tous les navigateurs. Dans la plupart des cas, la largeur maximale n'était pas nécessaire. En utilisant
word-break: break-all;
ne fonctionne pas bien dans IE parce que même si les mots longs sans espaces seront enveloppés, les mots courts cesseront aussi d'envelopper les espaces.
je me suis récemment battu contre ceci en angle entre IE / Edge et Chrome. Voici ce que j'ai trouvé qui a fonctionné pour moi!--2-->
overflow-wrap: break-word;
word-wrap: break-word;
Cela m'a donné le meilleur des deux. Il casserait le mot qui était trop long, mais contrairement à word-break il ne briserait pas mid-word.
je viens de comprendre que word-wrap:break-word ne fonctionne que partiellement dans IE8 et IE9. Si j'ai une chaîne de mots avec des espaces, alors cette chaîne est enveloppée. Mais si ma chaîne se compose d'un long mot, elle force l'élément parent/container à s'étendre en fonction de sa largeur