добрый день!
Как сделать так чтобы widht и height img было не больше чем у div и img находился строго по центру как по вертикали так и по горизонтали и не нарушались пропорции изображения?
Вот мой пример, работает не так как бы этого мне хотелось:
<div style="width:100px; height:150px; background-color:#cccccc; display:table; valign-top:middle;"><img src="изображение" style="max-widht:100%; max-height:100%;" /></div>
Спасибо за уделённое мне время.