Mot coupé dans ie9

bonjour,

Je ne sais pas pourquoi mais ie9 coupe les mots de fin de ligne de manière incorrecte.
exemple
"br
oswed"

en image


en html
http://themble.com/bones/

1/ comment nomme t-on ce problème ?
2/ comment résoudre ce problème ?

Bonjour,

C'est à cause de "word-break: break-word;", qu'il ne faut en aucun cas utiliser.

Il faut utiliser "word-wrap: break-word" à la place.

Voici un comparatif qui sera assez parlant : http://codepen.io/raphaelgoetter/pen/JFqjz

Bonne journée

Merci Raphaël ; je vais essayé de modifier ce snippet SASS…

/*
some nice typographical defaults
more here:  http://www.newnet-soft.com/blog/csstypography
 
*/
p {
  -ms-word-break: break-all; //-> break-word
  -ms-word-wrap: break-all; // --> break-word
      word-break: break-word;
     word-break: break-word;
  // cleaning up the ragged lines and breaks
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;
  // sets a minimum number of characters before and after the break
  -webkit-hyphenate-before: 2;
   -webkit-hyphenate-after: 3;
           hyphenate-lines: 3;
  // enabling fancy ligatures when available
  -webkit-font-feature-settings: "liga", "dlig";
   -moz-font-feature-settings: "liga=1, dlig=1";
      -ms-font-feature-settings: "liga", "dlig";
       -o-font-feature-settings: "liga", "dlig";
          font-feature-settings: "liga", "dlig";
}

Ça marche effectivement mieux en changeant break-all en break-word !
Modifié par bwbk (11 Oct 2014 - 10:40)

bwbk a écrit :
Ça marche effectivement mieux en changeant break-all en break-word !

En fait, il ne faut pas changer la valeur, il faut complètement éradiquer la propriété word-break, et la remplacer par une autre propriété : word-wrap.

Plus clairement, supprime tout ça :

  -ms-word-break: break-all; //-> break-word
  -ms-word-wrap: break-all; // --> break-word
      word-break: break-word;
     word-break: break-word;

Et remplace par ça :

word-wrap: break-word

word-wrap et word-break sont deux propriétés différentes.

ok, je corrige au plus vite