Home > Windows > Internet Explorer > ver.6 vertical-align:middle;の状態では置換インライン要素だけの行の高さ算出が不正

vertical-align:middle;の状態では置換インライン要素だけの行の高さ算出が不正

vertical-alignプロパティがbaseline値のとき、置換インライン要素のみを含む行の高さは最も高さが大きい置換インライン要素の高さと同じになる。

Category: Internet Explorer, Windows, ver.6
Tag: line-height, vertical-align, インライン要素

例示

<ul>
    <li>top<div style="font-size:200%; border:2px solid blue;"><img src="http://css-bug.jp/img/common/img02.png" alt="■" style="vertical-align:top;" /></div></li>
    <li>middle<div style="font-size:200%; border:2px solid blue;"><img src="http://css-bug.jp/img/common/img02.png" alt="■" style="vertical-align:middle;" /></div></li>
    <li>baseline<div style="font-size:200%; border:2px solid blue;"><img src="http://css-bug.jp/img/common/img02.png" alt="■" style="vertical-align:baseline;" /></div></li>
    <li>bottom<div style="font-size:200%; border:2px solid blue;"><img src="http://css-bug.jp/img/common/img02.png" alt="■" style="vertical-align:bottom;" /></div></li>
</ul>