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

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

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

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

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

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

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

この記事を書いた人

パソコンとネットの何でも屋さん兼農家見習い中
2021年に奥さんに腎移植して人生の価値観が大きく変わりました
何が起きても諦めずに生き抜く力が一番大切
時々ブログも書いてます

目次