非置換インライン要素に対するline-heightの指定を無視する

症状

非置換インライン要素に対してline-heightプロパティを指定してもボックスの高さを設定できない。

例示

<div style="font-size:2em; line-height:2;">□
<span style="vertical-align:text-top; line-height:2;">■</span>
□</div>

span要素内の塗りつぶし四角(■)は、左右の白抜き四角(□)に比べて0.5em下がっているはずです。

スクリーンショット

N7N7.1での表示(標準モード)

WinIE6WinIE6.0での表示(標準モード)

補足

親要素にline-heightプロパティが明示されていても非置換インライン要素にその値は継承しません。また、例示のようにline-heightプロパティを明示してもこのバグを回避できません。

修正状況

WinIE5.5、WinIE6.0互換モード、WinIE6.0標準モードで不具合の発生を確認しました。

WinIE7でも発生します。

関連記事

スポンサーリンク

<BLOCKQUOTE> 長い引用文を示す

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る