Forum d'entraide PHPFrance

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>

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.

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

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

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...

merci

Forum d'entraide PHPFrance

hyphenate, word-break en css

hyphenate, word-break en css

Re: hyphenate, word-break en css

Re: hyphenate, word-break en css

Re: hyphenate, word-break en css

Re: hyphenate, word-break en css