2013.04.23
HTML5時に、imgタグの直下に要らぬすきまができているのを発見。
むぉ〜〜〜んっといろいろ調べたりして思い出した。
問題はアルファベットのベースライン。
デフォルトだと、pとかgとかの丸い部分のすぐ下がベースラインになるので、
下に伸びる棒の部分のサイズだけ、画像の下に余白が生まれるというもの。
画像なのにフォント関係ないじゃ〜んと思うんだけど、なんでだろうね?
というわけで、imgはこれが必須かな〜?
img {
border:0;
vertical-align:bottom;
}