読者です 読者をやめる 読者になる 読者になる

frontendmemo

このサイトは、「html、css、js、ツールなどについて、自分が覚えたこと、またはいつも忘れて調べることを書き溜め、それが結果といて勉強したての初心者の方や自分と同じような技術レベルの人の助けになることを目的とするWebログ」、略してブログです。挨拶→http://frontendmemo.hatenablog.com/entry/2016/06/25/115845

【css】サイズのわからない要素を縦横中央揃えにしたい

スポンサードリンク

cssで縦横中央揃えにしたいことは、よくあることだと思います。

その場合、中央揃えにしたい要素のwidth、heightがわかってるか、もしくはどんなサイズが来ても中央に来るよう対応させるかでcssの充て方が変わってきます。

サイズがわかってる場合

codepen.io

codepen.io

サイズがわからない場合

modalwindowで画像を中央に配置したい時サイズが違う場合何かいい方法がないか調べていたところ画期的な方法がありました。

いまいちなぜ中央になるかはわかっていません。

codepen.io