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

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

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

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

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

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

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

無理せず楽しく、手作りの小さな暮らしを大切に。
アラカンの「つづく生活」実践者です。
半自給自足を目指しながら、仕事・趣味・家のことをコツコツ楽しんでいます。
日々を淡々と綴ることで、人生を整えるヒントが見つかればと思っています。

目次