Как я могу центрировать изображение неизвестной ширины?

Question

Используя CSS, как я могу центрировать изображение неизвестных размеров?

Answer 1

По горизонтали

img {display:block; margin: 0 auto}

или

.container {text-align:center}

По вертикали

/* container must contain some text as well */
.container, img {line-height:100px; vertical-align:middle}

или

.container {display:table-cell; vertical-align:middle}

Если изображение только декоративное:

.container {background: url(…) 50%;}

Answer 2

Видя, как изображения являются родными inline-block элементами (я думаю - по крайней мере, не block),

text-align: center 

для окружающего контейнера сделает работу.

Answer 3

Вы можете использовать CSS следующим образом:

img { display: block; margin: 0 auto; }