positionを使って要素を真ん中寄せにする時は、transform: translateを一緒に使いましょう。
モダンブラウザであれば問題なく動きます。
下記から確認できます。
デモ
レスポンシブで特に効果を発揮するので試してみてください。
– Bucket of cotegg –
投稿日:
positionを使って要素を真ん中寄せにする時は、transform: translateを一緒に使いましょう。
モダンブラウザであれば問題なく動きます。
下記から確認できます。
デモ
レスポンシブで特に効果を発揮するので試してみてください。
執筆者:asakos
関連記事
Webページまるごと画面キャプチャできるChromeの拡張機能「Full Page Screen Capture」
こんにちは。たなかです。 先日、チームのメンバーにスマホデザインのスクリーンショ …
Dockerでwheneverが動かない (bundler: failed to load command: bin/rails (bin/rails))
どうも中田です。 久々の投稿になります。 正確にはwheneverで登録したcr …
[Angular] has no exported member ‘XXXLoginComponent’.
どうも中田です Angularでコンポーネント名を階層構造にあった名前にしようと …
[Ionic] ionic serveでの動作確認でファイルの変更が反映されない!
こんにちは。たなかです。 参画しているプロジェクトで散々苦しめられているIoni …
2020/05/31
【Angular】component.htmlをprettierで整形する
2020/05/24
【Angular】Full calendarで横スクロールを実装
2020/05/10
document.querySelectorで色々なDOMを取得する
2020/05/09
Quarantine Improvement: Creating Anything