高さの分からない要素を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が基準値になります。
参考にしたのは以下のページです。
