edo1z blog

プログラミングなどに関するブログです

CSS - jQueryで垂直中央に配置する

jQueryを使ってボタンを親要素の高さの真ん中に配置したいと思います。単純なことですが、ちょっとはまったので、切り出して試しました。cssでheightを100%にするの忘れてたり、jQueryでtopを設定するときに'px'の2文字を入れ忘れたりしていただけでしたが、せっかく切り出して試したのでメモります。

下記のコードはブラウザで上記のような画面になります。まさしくボタンが中央に配置されています。

See the Pen CSS – jQueryで垂直中央に配置する by edo1z (@edo1z) on CodePen.