圖像中的絕對位置的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> 

你也可以把你的利潤率左，上邊距命令，在img標籤，而不是一個風格（因爲他們是唯一每圖片）。