position: absolute;を中央寄せする方法 | コトダマウェブ

positionプロパティをabsoluteに指定したときって、どうやって中央に寄せるんだっけ？と意外と覚えられない自分のための備忘録です。なんかposition: absolute;になった時点で配置についてどう考えたらよいか分からなくなってしまいますよね。 左右を中央寄せる方法 See the Pen img_center03 by kenichi (@ken81) on CodePen. CSS img{ position: absolute; left: 0; right: 0; margin: auto; } これは理屈というよりは覚えた方が良いと思います。左右のpositionをゼロにしてmargin: auto;と。 上下を中央に寄せる方法 See the Pen img_center04 by kenichi (@ken81) on CodePen. CSS img{ po

[sugarte]

position: absolute;はmarginやtranslateで柔軟に中央寄せできる

[masahiko_of_joytoy]

“ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;”