IEで画像の上下に余計なスペースが空く


CSSでコーディングしていると、<li>要素とか<td>要素に配置した画像の上下が妙にあいてたりするんだけど、これがひとつの要因ぽい。

http://www.mozilla.gr.jp/standards/webtips0018.html

IEのデフォルトCSSが画像に対してvertical-align:baselineいう指定になっているらしく、これをvertical-align:bottomと指定してやると意図したスペースになる。
というわけでメモ。

One Comment

  • 自己レス。
    img要素にvertical-alignを指定するのが肝要です。
    img {
      vertical-align: bottom;
    }

コメントを残す

Your email is never shared.Required fields are marked *