Posted at

画像が中央によらないとき


画像が中央によらない

img{

text-align:center;
margin:0 auto;
}

上記はダメな例。

「text-align:center;」が効くためには、次の2つの条件を満たす必要がある。

1.中央寄せしたい要素がインライン要素であること。

第1の条件は、「text-align:center;」はインライン要素に対して有効だということ。

今回のimageタグはインライン要素なので条件をクリアしている。

2.セレクタはブロック要素である親要素を指定する。

親要素をしていできていない。