【CSS】画像を縦横センタリングする方法(レスポンシブ対応)
親要素のweight、heightを指定しなくても画像を縦横センタリングする方法です。
scss
.box { position: relative; img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } }
さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。
親要素のweight、heightを指定しなくても画像を縦横センタリングする方法です。
.box { position: relative; img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } }
コメントを残す