ボックス内にimg要素を配置した時の余白
画像ばかりのページをコーディングする際に、
画像をpタグで囲み、ますが、
pとimgに margin:0; padding:0;
を入れても、ブラウザにより無駄な余白ができてしまう。
対処法として、pタグにfont:0px という方法を以前発見し、
しばらくそれを使っていましたが、
クロームやオペラで余白があく場合があるし、0pxと言うのもどうもいただけない。
最終的な対処法は、
imgタグに vertical-align:bottom;
と入れる。
もしくは、
imgタグに display:block;
と入れる。
前者の方がスマートかな。