Discussion :

[Trebor_]

Bonjour,

J'essaie d'afficher un texte avec des espaces contigus entre les mots, exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Exposition:  La Renaissance  des Arts

avec 2 espaces au début et à la fin de 'La Renaissance'
Hors lors de l'affichage, tout est réduit à 1 espace ( ne tenant pas compte des 2 espaces d'origine )
J'ai essayé plusieurs solutions, mais n'est pas trouvé la bonne
? Comment faire.

[Invité]

Bonjour,

1/ espace insécable :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

 

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

Exposition :   La Renaissance   des Arts

Important : penser à laisser un espace " " avant et après, sinon l'ensemble est considéré comme une chaine complète
(et les mots ne passeront pas à la ligne si on réduit la largeur du conteneur).

ex. comparer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div style="width:100px;background:lightgrey;">
  Exposition&nbsp;:&nbsp;&nbsp;La&nbsp;Renaissance&nbsp;&nbsp;des Arts
</div>
<div style="width:100px;background:lightgrey;">
  Exposition&nbsp;: &nbsp;&nbsp;La&nbsp;Renaissance&nbsp;&nbsp; des Arts
</div>

2/ plusieurs espaces, avec PHP :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

<?php echo str_repeat('&nbsp;',12); // Répéter 12 fois un espace ?>

3/ ou MIEUX, en CSS :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

Exposition&nbsp;:<span class="morespace">La Renaissance</span>des Arts

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.morespace {
  display:inline-block;
  margin:0 10px;
}

N.B. En français, il y a un espace avant les ":" :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

Exposition :

L'inconvénient précédemment cité est ici un avantage : les ":" ne passeront pas à la ligne.

[Trebor_]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
elseif ($Evenement[$iLangue][40] == "CadrageCentre") {
	for ($i=30; $i<=39; $i++) {
		$Evenement[$iLangue][$i] =  str_replace(" ", "&nbsp;", $Evenement[$iLangue][$i]); }
	for ($i=30; $i<=39; $i++) {
		 $Espace_[$i] = ((75 -  strlen($Evenement[$iLangue][$i])) / 2); }
	echo "<text class='CourierNew_Medium10N'>".str_repeat('&nbsp;',$Espace_[30]).$Evenement[$iLangue][30].str_repeat('&nbsp;',$Espace_[30])."<br/>".
						   str_repeat('&nbsp;',$Espace_[31]).$Evenement[$iLangue][31].str_repeat('&nbsp;',$Espace_[31])."<br/>".
						   str_repeat('&nbsp;',$Espace_[32]).$Evenement[$iLangue][32].str_repeat('&nbsp;',$Espace_[32])."<br/>".
						   str_repeat('&nbsp;',$Espace_[33]).$Evenement[$iLangue][33].str_repeat('&nbsp;',$Espace_[33])."<br/>".
						   str_repeat('&nbsp;',$Espace_[34]).$Evenement[$iLangue][34].str_repeat('&nbsp;',$Espace_[34])."<br/>".
						   str_repeat('&nbsp;',$Espace_[35]).$Evenement[$iLangue][35].str_repeat('&nbsp;',$Espace_[35])."<br/>".
						   str_repeat('&nbsp;',$Espace_[36]).$Evenement[$iLangue][36].str_repeat('&nbsp;',$Espace_[36])."<br/>".
						   str_repeat('&nbsp;',$Espace_[37]).$Evenement[$iLangue][37].str_repeat('&nbsp;',$Espace_[37])."<br/>".
						   str_repeat('&nbsp;',$Espace_[38]).$Evenement[$iLangue][38].str_repeat('&nbsp;',$Espace_[38])."<br/>".
						   str_repeat('&nbsp;',$Espace_[39]).$Evenement[$iLangue][39].str_repeat('&nbsp;',$Espace_[39])."</text>"; }

Dans mon exemple, je centre le texte par rapport à mon espace d'affichage.
Les espaces avant et après le texte sont bien respectés, mais pas les doubles espaces dans le texte

[Invité]

???

text-align:center; ne convenait pas ??

Sinon, as-tu vérifié le code HTML généré par ton script ?
Que donne-t-il ?

[Beginner.]

Salut,

J'ajoute à ce qu'a dit Jreaux62 qu'il y a moyen d'éviter la fusion des espaces avec du CSS : style="white-space : pre;...

[Trebor_]

Absent, je n'ai pu répondre avant.

J'ai essayé

style="white-space : pre;

mais cela ne fonctionnait pas non plus.

La solution que j'ai trouvé c'est de remplacer les espaces par des espaces insécables:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

str_replace(" ", "" ", $Evenement[$iLangue][$i]);

Par contre, toute rencontre d'un tiret me renvoi à la ligne. Exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

www.exemple-non-domaine.com

me donne comme résultat d'affichage:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
www.exemple-
non-
domaine.com