HTMLの改行で発生した半角スペースを取り除く方法 - 手がネチョネチョするプログラマの記録

<body>
  <a href="#"><img src="..."/></a>
  <a href="#"><img src="..."/></a>
  <a href="#"><img src="..."/></a>
</body>

こんな感じで横並びの画像リンクをつくろうとすると、画像と画像の間に
半角スペース１つ分のスキマができてしまいます。

<body>
  <a href="#"><img src="..."/></a><a href="#"><img src="..."/></a><a href="#"><img src="..."/></a>
</body>

こうやって改行しなければ、スキマなくぴったり画像リンクがくっつくのですが
Seamなどカスタムタグから自動生成される場合に困ってしまいます。

この事象を解決するには、以下のような記述にすればOKです。

<body>
  <div style="float:left">
    <a href="#"><img src="..."/></a>
  </div>
  <div style="float:left">
    <a href="#"><img src="..."/></a>
  </div>
  <div>
    <a href="#"><img src="..."/></a>
  </div>
</body>