css - 如何让我的图像位于 div 的中心？

Question

给定这个 HTML:

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

如何让图片位于 div 的中心？

目前它位于div的左上角。

我试过了

img#image
{
    text-align:center;
}

但这并没有什么不同。

Answer 1

尝试将位置 relative 给 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;
}