在 div 中居中对齐图像

Question

我有以下 div

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

如何对齐图像以使其位于 div 的中间和中心？

原文由 Dro1n2 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 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

原文由 Gurpreet Singh 发布，翻译遵循 CC BY-SA 4.0 许可协议