在 div 中居中图像 [重复]

【问题标题】：Centering an image in div [duplicate]在 div 中居中图像 [重复]
【发布时间】：2017-01-29 20:11:00
【问题描述】：

我想把图片放在 div 的中心。

我的 div：

width: 95%;
padding: 2.5%;
max-width: 1200px;
height:100%;

但我无法将图像置于中心并做出响应。

我有 50% 的 img 和 25% 的填充。但是我想用图片，建议不要用 text-align 和

显示：块；边距：0 自动；

没有功能，有人知道怎么办吗？

【问题讨论】：

欢迎来到 Stack Overflow！寻求代码帮助的问题必须包括在问题本身最好是在Stack Snippet 中重现它所需的最短代码。见How to create a Minimal, Complete, and Verifiable example

标签： css

【解决方案1】：

将text-align: center 用于父<div> 和display: inline-block 用于图像

#parent {
  text-align: center;
}
img {
  display: inline-block;
}

#parent {
  text-align: center;
}
img {
  display: inline-block;
}

<div id="parent">
   <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR2kHE1B9lVRicrWWdui_B309y9cd-YOmwgAxxWmNy27b6ArKvWXA">
</div>

【讨论】：