CSS/DHTMLバグ辞典スレッド 第３版
【ＩＥ5.5〜6】
vertical-alignのtop値とtext-top値の挙動が謎。
http://is.vis.ne.jp/charts/css2_visudet/index.xhtml#vertical-align
上記の対応表では、top値に対応するがtext-topには未対応とする。
http://hp.vector.co.jp/authors/VA022006/css/corrbrwser/visualren.html#vertical-align
上記ＵＲＬの対応表では逆に、top、bottom値には未対応、text-topには対応とする。
>「top」と「bottom」は、それぞれ「text-top」と「text-bottom」と同じ様に
>扱われます。
http://msugai.fc2web.com/web/CSS/text.html#vertical
しかし、上記の「表示例」みたいに、適用するインライン要素がimg要素だと、
ちゃんとtopとtext-topで表示が異なる。
【NS7】
line-heightを設定した要素内ではvertical-align:text-topやtopの位置が
行ボックス上辺や親フォント上辺に揃ってくれない。
<p style="font-size:5em;line-height:2;border:1px solid red;">
□<span style="font-size:50%;vertical-align:text-top;">■</span>□
</p>
<p style="font-size:5em; line-height:3; border:1px solid red;">
□<span style="font-size:50%; vertical-align:top;">■</span>□
</p>
vertical-align:を指定した要素にline-height:1;を指定すると、意図通りになった。
もしかしてこれで仕樣通り？ ならばバグはＩＥの方なのか？
vertical-alignのtop値とtext-top値の挙動が謎。
http://is.vis.ne.jp/charts/css2_visudet/index.xhtml#vertical-align
上記の対応表では、top値に対応するがtext-topには未対応とする。
http://hp.vector.co.jp/authors/VA022006/css/corrbrwser/visualren.html#vertical-align
上記ＵＲＬの対応表では逆に、top、bottom値には未対応、text-topには対応とする。
>「top」と「bottom」は、それぞれ「text-top」と「text-bottom」と同じ様に
>扱われます。
http://msugai.fc2web.com/web/CSS/text.html#vertical
しかし、上記の「表示例」みたいに、適用するインライン要素がimg要素だと、
ちゃんとtopとtext-topで表示が異なる。
【NS7】
line-heightを設定した要素内ではvertical-align:text-topやtopの位置が
行ボックス上辺や親フォント上辺に揃ってくれない。
<p style="font-size:5em;line-height:2;border:1px solid red;">
□<span style="font-size:50%;vertical-align:text-top;">■</span>□
</p>
<p style="font-size:5em; line-height:3; border:1px solid red;">
□<span style="font-size:50%; vertical-align:top;">■</span>□
</p>
vertical-align:を指定した要素にline-height:1;を指定すると、意図通りになった。
もしかしてこれで仕樣通り？ ならばバグはＩＥの方なのか？
|
|
|