Центрировать изображение внутри div?

У меня есть изображение внутри такого div

Изображение является динамическим без фиксированного размера. div имеет размер 200px by 200px. Размер изображения заранее неизвестен. Если размер изображения больше 190px by 190px, установите для него значение 190px by 190px(. то есть max-width:190px,max-height:190px). Как я могу центрировать изображение, удовлетворяя эти потребности? Мне нужно решение, работающее и в Internet Explorer 7.

Решение здесь и здесь не может быть применено к моей задаче, потому что

  1. Не факт, что изображение будет меньше 200 пикселей.

  2. Я тоже хочу горизонтальное выравнивание.

  3. Нет поддержки Internet Explorer 7.

(Некоторые вопросы были заданы в Stack Overflow относительно того же, но мой сценарий отличается, поэтому они не применимы к этой конкретной проблеме.)

7
задан Community 23 May 2017 в 11:59
поделиться