画像をスタイルシートで中央揃えにする備忘録

ここのところすぐ忘れるので備忘録。
画像をスタイルシートで中央揃えにする方法。
外側のdivの幅指定をして、
中のimgのmarginの左右をautoにしても
中央揃えにならなくて焦ったことありませんか?

そんなときは中のimgをdisplay:block;にすることを忘れている時です。

[css]
.centerImg{
display: block;
margin-left: auto;
margin-right: auto;
}
[/css]

こう書けば指定した画像を中央揃えにできます。

参考サイト
スタイルシートを使って画像(IMG)を中央揃えにする方法

Follow me!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です