cssで天地左右中央

Fotolia_100073864_XXL

高さの分からない要素をCSSで天地中央に配置(IE9対応)と横のマージンをautoにすることで対応完了かと思いきや、なんだか左上寄せになったりするAndroidの一部の標準ブラウザがでてきたりしたので、別のアプローチをすることにしました。

こっちの方法を先に見つけていたのに、なぜか使う段で見当たらなくなってしまって変な(?)方法を使っていました。ちなみに先祖の要素のpositionが設定されていない(デフォルト値)場合は、bodyが基準値になります。

参考にしたのは以下のページです。

CSSでblock要素を上下左右中央寄せにする、イマドキの方法。

position: absolute; の指定で要素が上下左右中央配置になる理由

スポンサーリンク
  • このエントリーをはてなブックマークに追加

水蕗をフォローする

スポンサーリンク

コメントを残す