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

Pocket
LINEで送る

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

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

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

Pocket
LINEで送る

コメントください

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください