【CSS】画像(img)を囲まずに中央寄せにする方法

コーディングを始めた頃は、画像を中央寄せにするには、何かで囲み、囲む要素に「text-align:center;」を設定しなければならず、ブロック要素が増えて嫌だな〜と思っていました。

途中で、囲んで「text-align:center;」にしなくても、imgタグのみで中央寄せにすることが分かり、目から鱗状態でした。
ちょっと昔を思い出す機会があったので、記念にメモしておきます。

画像(img)を囲まずに中央寄せにする設定

img {
	display:block;
	margin:0 auto 10px;
	}

ポイントは、display:blockを入れることです。
これでmarginの左右をautoにしたら、中央に寄ります。

コメント

タイトルとURLをコピーしました