Css 我如何让我的形象进入div的中心？

鉴于此HTML：

<div>
  <img id="image">
</div>

---

但是没有什么区别。

您需要在容器上设置文本对齐方式，如下所示：

<div class="image">
  <img />
</div>    

div.image {
   text-align: center;
}

部门形象{
文本对齐：居中；
}

更多信息请点击此处：

---

您需要在容器上设置文本对齐方式，如：

<div class="image">
  <img />
</div>    

div.image {
   text-align: center;
}

部门形象{
文本对齐：居中；
}

更多信息请点击此处：

---

尝试将位置

相对

指定给div:

#div_id{
  position:relative;
  width:400px;
  height:200px;
}

这个CSS用于图像：

#img_id{
  position:absolute;
  top:100px; /* half of parent div's height */
  left:200px;  /* half of parent div's width */
  display:block;
}

---

尝试将位置

相对
指定给div:

#div_id{
  position:relative;
  width:400px;
  height:200px;
}

这个CSS用于图像：

#img_id{
  position:absolute;
  top:100px; /* half of parent div's height */
  left:200px;  /* half of parent div's width */
  display:block;
}



将图像置于其容器的中心


将图像置于其容器的中心
CSS:

div { text-align: center; }
#image { display: inline-block; vertical-align: middle; }

CSS:

使图像在水平轴上居中，但在div中不垂直。应用此选项时，图像显示在div的顶部中心位置。使图像在水平轴上居中，但在div中不垂直。应用此选项时，图像显示在div的顶部中心位置。