Question

我想将图像放在div的中心。

我的div：

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

但是我不能把图像放在中心并且反应灵敏。

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

显示：块; 保证金：0自动;

不起作用，有谁知道该怎么做？

Answer 1

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

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

＆＃13;

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

＆＃13;

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

＆＃13;