HTML改行によって空白が作成される

Question

エコー内でHTMLコードに問題があります。これは私のコードです：

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']."\" />"; 

は、今私は、私はそれぞれの行にそれらの<img classものを入れる場合、|の後にスペースを得るという問題があるが、私は彼らの間には空白より<img class>|<img class>のように、同じ行に入れます。

だから実際に私の結果は次のようになります。

Lumber21312| Clay21312| Iron2312| Crop2132| 

私はそれが次のようになりたい：私はそれほど明確ではなかった場合

Lumber21312|Clay21312|Iron2312|Crop2132| 

申し訳ありません：$

Answer 1

エコーそれを次に、あなたはそこに同じくらい空白を置くことができ、そしてそれは表示されません。

Answer 2

はインデントを削除しますスペース、それは空白を引き起こしています。あなたが望むよう

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

などのような

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