技術

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

投稿日:

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

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

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

-技術

執筆者:


comment

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

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

関連記事

no image

ボタンを押した時にEdgeだけ500エラーになる

こんにちは!コーテッグのこやまです。 フロントをAngular、サーバーサイドを …

[Xcode] SDK Version Issue – This app was built with the iOS 12.0 SDK. Starting March 2019, all iOS apps submitted to the App Store must be built with the iOS 12.1 SDK or later, included in Xcode 10.1 or later.

こんにちは。たなかです。 2019年、ブログ初更新になります。今年もよろしくお願 …

no image

[Rails] deviseのパスワード認証を半角英数字だけ許可する

こんばんは ログイン機能を作る時ってdeviseが便利ですよね。 ですが、デフォ …

no image

こんにちは。コーテッグの小山です。 以前リアクティブフォームのHTML側の記述と …

no image

【Angular6】Angularで子コンポーネントから親コンポーネントのメソッドを呼び出す

Angularでアプリを作っている時、子コンポーネントから親コンポーネントのメソ …