如何中心IMG在div內

Question

可能重複：
How to center image inside div

我需要能夠把圖像在div的中心。 我的形象需要以任何分辨率爲中心。

代碼：

<div style="width:100%; height:20%;"> 
    <img src="images/pic.png" id="image" style="width: 208px; height: 75px;margin-left: 42%;" alt=""/> 
</div> 

這不是工作，因爲它應該。

Answer 1

<div style="width:100%; height:20%; text-align:center"> 
    <img src="images/pic.png" id="image" style="width: 208px; height: 75px; margin:0 auto;" alt=""/> 
</div> 

應該適用於雅

Answer 2

試試這個：

<div style="width:100%; height:20%;text-align:center;"> 
<img src="images/pic.png" id="image style="width:208px; height:75px; margin-left:42%;" alt=""/> 
</div> 

Answer 3

#Sample 
{ 
background:url(your_image.jpg) no-repeat center center; 
height:200px; 
width:200px; 
} 

（假設一個div id爲 「樣本」 因爲你已經指定高度和寬度添加背景不應該這不是問題）

Answer 4

這是因爲你有一個42％的餘裕設置爲圖像。 試試這個圖像樣式：

display:block;margin:0 auto;