技術

CSSのpositionで要素を真ん中寄せにする(JS不要)

投稿日:

positionを使って要素を真ん中寄せにする時は、transform: translateを一緒に使いましょう。
モダンブラウザであれば問題なく動きます。

下記から確認できます。
デモ

レスポンシブで特に効果を発揮するので試してみてください。

-技術

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

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

関連記事

[Slack] スラッシュコマンドでamazon検索

Slackネタです。 amazonがSlackの買収を検討しているとかいないとか …

no image

【Rails】idのauto increment設定を削除する

こんにちは railsを触っていてidからauto incrementの設定を削 …

どうも中田です。 Rails5.2から config/credentials.y …

no image

【nginx/unicorn】(13: Permission denied) while connecting to upstream

どうも中田です。 AWS上でAPIサーバを構築してて、 * Webサーバ:ngi …

no image

【ionic】view-titleが更新できない!!

どうも中田です。 ionicのview-titleを動的に変えるってパターンはし …