hyphenate, word-break en css

Eléphanteau du PHP | 36 Messages

16 oct. 2012, 23:01

Bonjour,

Je ne sais pas pourquoi ça ne fonctionne pas. J'ai mit le <!doctype html> et <meta http-equiv="X-UA-Compatible" content="IE=9" />. Quel est mon erreur?
<!doctype html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<link rel="stylesheet" type="text/css" href="word-break.css">
<title>Les sauts de ligne</title>
<style type="text/css">
.normal
{
 word-break:normal;
}
 
.break-all
{
 word-break:break-all;
}
 
.hyphenate
{
 word-break:hyphenate;
}
</style>
</head>
<body>
<table border="1" width="594">
<tr>
<td>
<span class="normal">Un atome 1 est la plus petite partie d'un corps simple pouvant se combiner transfo-chimique avec une autre.</span>
</td>
</tr><tr>
<td>
<span class="break-all">Un atome 1 est la plus petite partie d'un corps simple pouvant se combiner transfo-chimique avec une autre.</span>
</td>
</tr><tr>
<td>
<span class="hyphenate">Un atome 1 est la plus petite partie d'un corps simple pouvant se combiner transfo-chimique avec une autre.</span>
</td>
</tr>
</body>
</html>

ViPHP
ViPHP | 1996 Messages

17 oct. 2012, 22:47

Bonjour,

Je viens de lire ici : http://www.alsacreations.com/tuto/lire/ ... s-css.html que word-break accepté : normal ou break-word;
Essaye déjà cela.
It is nice to be important but it is more important to be nice
http://www.aureuswebfactory.fr

Eléphanteau du PHP | 36 Messages

18 oct. 2012, 03:23

Mais dans w3school c'est marquée qu'il avait hyphenate comme valeur. :shock:

http://www.w3schools.com/cssref/css3_pr_word-break.asp

ViPHP
ViPHP | 1996 Messages

18 oct. 2012, 20:55

Exact... Je ne sais pas quoi dire. J'ai essayé selon l'article d'alsacration et cela fonctionne...
En cherchant un peu plus loin, j'ai vu ici : https://developer.mozilla.org/fr/docs/CSS/word-break que word-break pouvais supporter trois valeurs : normal | break-all | keep-all

Si tu regardes un peu plus bas dans la page : il s'agit d'une nouvelle implantation CSS3 et donc il n'y a pas de compatibilité partout. En plus les données par mozilla ne sont pas en adéquation avec le W3C ou même avec le site d'alsacréation... Qui croire...
It is nice to be important but it is more important to be nice
http://www.aureuswebfactory.fr

Eléphanteau du PHP | 36 Messages

18 oct. 2012, 22:35

merci