Home > Windows > Internet Explorer > ver.6 インライン要素に指定した上下マージンは無視される

インライン要素に指定した上下マージンは無視される

インライン要素にマージン関連のプロパティを指定することはできるが、実際は上下マージンが設置されないように見える。

例示

<p style="text-indent:0;">前の行 前の行<br />
<span style="margin:1em;">上下マージンがある行</span><br />
後の行 後の行</p>

前の行 前の行
上下マージンがある行
後の行 後の行

span要素は四方に幅1emのマージンを設定しています。

スクリーンショット

WinIE6.0WinIE6.0標準モード

補足

行の高さを算出する際に行内にあるインライン要素のマージン、ボーダー、パディングの値は使用しません。このため、パディングやボーダーの領域が隣の行にはみ出したり、マージン領域が設置されていないかのように見える現象が発生します(WinIEが実際にマージン領域を設置しているかは不明です)。

行の高さを指定する場合はline-heightプロパティを使用してください。

修正状況

WinIE6.0の標準モードと互換モードでこの現象が発生することを確認しました。

Home > Windows > Internet Explorer > ver.6 インライン要素に指定した上下マージンは無視される

Search
オススメ書籍
Feeds

Return to page top