PHPfrance

la communauté d'entraide francophone dédiée au PHP

hyphenate, word-break en css

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : hyphenate, word-break en css

Re: hyphenate, word-break en css

par Aureusms » 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...

Re: hyphenate, word-break en css

par controverse » 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

Re: hyphenate, word-break en css

par Aureusms » 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.

hyphenate, word-break en css

par controverse » 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>