绝对位置div中的图像

Question

  

可能重复：
  How to make an image center (vertically & horizontally) inside a bigger div

我有一个绝对位置的div（宽度/高度是100％）。 注意，而不是px，百分数 在这个div中我有一个图像。如何将此图像置于此div中？

Answer 1

CSS：

/* where margin-left = {img width}/2, and margin-top= {img height}/2 */
.bigdiv {
   width:100%;
   height:100%;
   position:absolute;
}
.bigdiv img {
   position:absolute;
   left:50%;
   top:50%;
   margin-left:-10px;
   margin-top:-10px;
}

HTML：

<div class="bigdiv"><img src="eg.png" /></div>

您也可以将margin-left，margin-top命令作为样式放在img标签上（因为它们对于每个图像都是唯一的）。