爲什麼圖像不是以固定寬度的DIV爲中心？

我知道我缺少明顯的東西在這裏...的DIV有一個固定的寬度，圖像有一個固定的寬度，這應該是易如反掌......爲什麼圖像不是以固定寬度的DIV爲中心？

<style> 
    .featured {margin:0 auto;} 
</style> 
<div style='width:300px;border:solid 1px red;'> 
    <img src='http://www.musicalads.co.uk/img/articles/image_64.jpg' 
     class='featured' style='width:186px;height:215px;'> 
</div>

你可以用它在這裏玩： http://jsfiddle.net/AHjAk/

來源

2013-07-25 Eric

您還需要添加display: block;的形象，如果你打算使用auto其左/右頁邊距

http://jsfiddle.net/AHjAk/1/

來源

2013-07-25 02:54:47 Adrift

[這裏是一樣的，但與所有外部樣式]（http://jsfiddle.net/AHjAk/3/）。如果可以避免的話，內聯樣式通常會被忽略，@Eric。 – DACrosby

當然，我同意。這不是我的「真實」代碼，它只是我放在一起展示問題的簡單事情。謝謝。 – Eric

或嘗試它爲中心這個簡單的text-align:center;容器 http://jsfiddle.net/AHjAk/2/

<div style='width:300px;border:solid 1px red;text-align:center'> 
<img src='http://www.musicalads.co.uk/img/articles/image_64.jpg' class='featured'> 
</div>

來源

2013-07-25 02:55:11 Hushme

嘗試增加text-align:center到應居中圖像母公司GIF。

<style> 
    .featured {margin:0 auto;} 
</style> 
<div style='width:300px;border:solid 1px red;text-align:center'> 
    <img src='http://www.musicalads.co.uk/img/articles/image_64.jpg' 
     class='featured' style='width:186px;height:215px;'> 
</div>

如果你想中心父母div本身，你的身體需要一個text-align:center。

來源

2013-07-25 02:57:48

爲什麼圖像不是以固定寬度的DIV爲中心？

回答

相關問題