Как можно центрировать img?

Question

У меня есть img, который мне нужен для центрирования, я стараюсь margin: 0 auto; но все же не может центрировать img. Как я могу?

Спасибо

<div> 
    <img src="../p66.jpg" /> 
</div> 

div{margin:0 auto;width:100%;} 
img {margin:0 auto;} 

Answer 1

div{margin:0 auto;width:100%;text-align:center;} 

Вы можете использовать выравнивание текста: центр в контейнере, если вы не имеете Img ширины. В противном случае, если вы установите ширину изображения и отобразите: блок, маржа: 0 автоматически на изображении будет работать ...

E.g. img {margin:0 auto;display:block;width:100px}

Answer 2

Так что вы можете сделать что-то вроде этого ...

CCS

img.center { 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
} 

HTML

<img src="blwebcam-sample.jpg" alt="Suni" class="center" /> 

Я нашел поиске Google.

Источник: http://webdesign.about.com/od/beginningcss/a/aa012207.htm