왜이 이미지 중심은 고정 폭 DIV에 있지 않습니까?

Question

내가 내가 여기에 뭔가를 분명 누락 알고 ... 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/

Answer 1

또한 오른쪽/왼쪽 여백

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

Answer 2

또는 시도에 대한 auto를 사용하여 중심에 당신이 계획하는 경우 이미지에 display: block;를 추가해야합니다 이 간단한 text-align:center; 용기 화상 중앙한다 상위 GIF로 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> 

Answer 3

보십시오.

<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이 필요합니다.