☰

div 内の画像を中央揃えにする 質問する

tag-icon • tag-icon html css
div 内の画像を中央揃えにする 質問する

私は次のdivを持っています

<div id="over" style="position:absolute; width:100%; height:100%>
 <img src="img.png">
</div>

画像を div の中央に配置するにはどうすればよいでしょうか?

ベストアンサー1

body {
  margin: 0;
}

#over img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
<div id="over" style="position:absolute; width:100%; height:100%">
  <img src="http://www.garcard.com/images/garcard_symbol.png">
</div>

JSFiddle

おすすめ記事