différence entre pre-line et pre-wrap(white-space)

Eléphanteau du PHP | 36 Messages

12 oct. 2012, 00:30

Je me demande c'est quoi la différence entre ces 2 propriété css. Lorsque je test, je ne vois pas la différence.

ViPHP
ViPHP | 2287 Messages

12 oct. 2012, 08:21

Je me demande c'est quoi la différence entre ces 2 propriété css. Lorsque je test, je ne vois pas la différence.
Bonjour,

C'est très bien expliqué ici : http://www.w3schools.com/cssref/pr_text_white-space.asp

Le comportement "normal" en html, c'est que :
- plusieurs espaces consécutifs au sein d'un texte sont fusionnés en un seul à l'affichage dans le navigateur,
- les retours chariots sont considérés non pas comme des retours à la ligne mais comme des espaces (et suivent également la règle de fusion du dessus).

Les différentes valeurs de la propriété white-space (et en particulier les deux dont nous parlons) permettent d'activer/désactiver l'un, l'autre, ou les deux comportements. Si tu ne vois pas la différence c'est que ton test n'est pas adapté pour la voir (et si tu ne nous donnes pas le code du test on ne peut que deviner).
if(!@work()){ Nespresso(); } else { what(); }
______________________________

Eléphanteau du PHP | 36 Messages

13 oct. 2012, 00:41

Sa explique pas bien.

Eléphanteau du PHP | 36 Messages

14 oct. 2012, 03:41

Donne moi un exemple visuel svp

ViPHP
ViPHP | 2287 Messages

14 oct. 2012, 09:39

Donne moi un exemple visuel svp
Ca va pas être facile puisque les espaces et les retours chariots sont des caractères qu'on ne voit pas (pas pour rien qu'elle s'appelle white-space cette propriété :lol: )... Mais je t'ai trouvé un lien : http://www.xul.fr/css/white-space.php

Le mieux c'est que tu fasses le même test que tu as fait, dans une page indépendante, mais avec des balises div au lieu des balises de tableau (table, tr, td). Et ajoute plein d'espaces et de retours à la ligne dans ton texte pour bien voir les différences.
if(!@work()){ Nespresso(); } else { what(); }
______________________________

Eléphanteau du PHP | 36 Messages

15 oct. 2012, 01:29

Merci pour l'aide.