CSS word-wrap: break-word ne fonctionne pas sur IE9

j'ai un petit script css qui force <a> balise mot-enveloppez-les dans un div. Ça marchait bien sur FF, Chrome mais pas sur IE9. Comment puis-je résoudre ce problème?

.tab_title a{
    word-wrap: break-word;
} 
20
demandé sur hungneox 2011-12-06 06:34:08

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;
} 
21
répondu Si Clancy 2015-06-08 09:38:28

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.

9
répondu Duke Hall 2013-06-27 07:36:55

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;
} 
4
répondu Danny Connell 2015-07-31 13:54:49

j'ai supprimer la balise d'ancrage après .tab_title classe et ça marche

3
répondu hungneox 2015-06-16 21:25:19

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.

2
répondu Prachi 2013-03-07 16:40:08

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.

2
répondu anniete 2018-08-11 21:01:30

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.

0
répondu Darren Reimer 2017-04-28 18:34:14

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.

0
répondu GR Envoy 2017-06-01 14:40:41

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

-1
répondu Prachi 2013-03-07 23:07:17