さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。

【CSS】画像を縦横センタリングする方法(レスポンシブ対応)

Pocket
LINEで送る

親要素のweight、heightを指定しなくても画像を縦横センタリングする方法です。

scss

.box {
	position: relative;

	img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
}

カテゴリー:HP制作, css

コメントを残す

コメント内容