为什么这个图像不是固定宽度的DIV中心?

Eri*_*ric 2 html css

我知道我在这里遗漏了一些明显的东西...... 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>
Run Code Online (Sandbox Code Playgroud)

你可以在这里玩它:http://jsfiddle.net/AHjAk/

adr*_*ift 5

display: block;如果您计划使用auto左/右边距对中,则还需要添加到图像

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