Une nouvelle ligne HTML crée un espace

Question

J'ai un problème avec mon code HTML dans l'écho. Ceci est mon code:

echo "<tr><td class=\"desc\"> 
          <div class=\"tit\"> 
           <img class=\"unit u".$i."\" src=\"img/x.gif\" alt=\"".$unit_name."\" title=\"".$unit_name."\" /> 
           <a href=\"#\" onClick=\"return Popup(".$i.",1);\">".$unit_name."</a> 
          </div> 
          <div class=\"details\"> 
           <img class=\"r1\" src=\"img/x.gif\" alt=\"".$lang['resources']['Lumber']."\" title=\"".$lang['resources']['Lumber']."\" />".${'bs'.$i}['wood']."| 
           <img class=\"r2\" src=\"img/x.gif\" alt=\"".$lang['resources']['Clay']."\" title=\"".$lang['resources']['Clay']."\" />".${'bs'.$i}['clay']."| 
           <img class=\"r3\" src=\"img/x.gif\" alt=\"".$lang['resources']['Iron']."\" title=\"".$lang['resources']['Iron']."\" />".${'bs'.$i}['iron']."| 
           <img class=\"r4\" src=\"img/x.gif\" alt=\"".$lang['resources']['Crop']."\" title=\"".$lang['resources']['Crop']."\" />".${'bs'.$i}['crop']."| 
           <img class=\"clock\" src=\"img/x.gif\" alt=\"".$lang['gameplay']['duration']."\" title=\"".$lang['gameplay']['duration']."\" />"; 

Maintenant, j'ai un problème que si je mets les choses <img class dans chaque ligne, obtenir un espace après | mais si je les mets dans la même ligne comme <img class>|<img class> que pas d'espace entre eux.

Donc en fait mon résultat ressemble à ceci:

Lumber21312| Clay21312| Iron2312| Crop2132| 

Je veux ressembler à ceci:

Lumber21312|Clay21312|Iron2312|Crop2132| 

Désolé si je n'étais pas si claire:

$

Answer 1

Echo dehors comme

"<img />". 
"|". 
"<img />". 

etc. Ensuite, vous pouvez mettre autant des espaces là-bas que vous voulez, et il ne sera pas rendu.

Answer 2

supprimer le retrait l'espace, il provoque l'espace.

<img />|<img />|<img />|...