高さの分からない要素をCSSで天地中央に配置(IE9対応)と横のマージンをautoにすることで対応完了かと思いきや、なんだか左上寄せになったりするAndroidの一部の標準ブラウザがでてきたりしたので、別のアプローチをすることにしました。
1 2 3 4 5 6 7 8 9 10 |
.center { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 任意の値; height: 任意の値; } |
こっちの方法を先に見つけていたのに、なぜか使う段で見当たらなくなってしまって変な(?)方法を使っていました。ちなみに先祖の要素のpositionが設定されていない(デフォルト値)場合は、bodyが基準値になります。
参考にしたのは以下のページです。