画像下にわずかに余白が出るときの対策

複数の画像を縦に並べた際、3pxほどのわずかな余白が入ることがある。というより、たいていいつも入っているのかもしれないが、通常は気づかずに済ませている。理由は参考サイトに詳しい。

参考 http://css-el.seesaa.net/article/138946834.html

ただ、済まないケースもあるので、その対処法。画像を、次のcssを適用したdivで囲む。

<div style="line-height:0;">
<img src="sample" /><br />
<img src="sample" />
</div>