フォントによってvertical-alignプロパティを用いたときの表示位置が異なる

症状

vertical-alignプロパティで表示位置を調整すると、フォントによっては本来の位置より高い位置に文字列が表示されることがある。

例示

<p style="font-family:MS Pゴシック,sans-serif;">
2<sup style="vertical-align:super;">4</sup>=16</p>
<p style="font-family:Arial,sans-serif;">
2<sup style="vertical-align:super;">4</sup>=16</p>

24=16

24=16

sup要素の位置指定は変えずに、表示フォントを変えています。

スクリーンショット

WinIE6WinIE6.0での表示

N6.1N6.1での表示

修正状況

N6.2.3、Moz1.0ともにフォントによる表示位置のずれは発生しています。

スポンサーリンク

関連記事

スポンサーリンク

text-overflow はみ出した場合の表示処理を指定する

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

上に戻る