フロートでtext-align:center;指定が効かない

症状

最初の子要素が匿名インラインボックスになっている要素をフロートにすると、 text-align: center; の指定が効かなくなる。

例示

<div style="float:left; width:10em;
  text-align:center; border:2px solid blue;">中央</div>
中央

文字列「中央」はインライン要素に包含されていないので匿名インラインボックスが設置されます。

スクリーンショット

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

補足

フロート要素の最初の子要素がインライン要素の場合、このバグは発生しません。

<div style="float:left; width:10em; text-align:center;
  border:2px solid blue;"><span>中央</span></div>
中央

修正状況

MacIE5.1〜5.2で不具合の発生が確認されています。

スポンサーリンク

関連記事

スポンサーリンク

$F() 関数

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

上に戻る