Vetical и горизонтально выровнять изображение в коробке

Question

Проблема:

У меня установлено изображение ширины и высоты. Скажем, высота: 160px; ширина: 200px; с изображением в каждой коробке.

Изображение может различаться по размеру, но мне нужно решение, которое всегда будет центрировать изображение по вертикали и горизонтали внутри рамки независимо от его размера.

По горизонтали не возникает проблем с использованием поля: 0 авто, но вертикальное затруднение. Я пробовал выравнивание по вертикали: по центру, но это не похоже на работу

Любая помощь оценивается Спасибо

Answer 1

center не является допустимым значением для vertical-align (вы, вероятно, путаете его с middle). Тем не менее, vertical-align здесь не правильный метод и часто является неправильно понятым свойством. Я рекомендовал следующий сайт несколько раз, и он тоже должен вам помочь:

http://phrogz.net/css/vertical-align/index.html