图片居中，自适应大小

Web中将图片居中， 且自动缩放至固定大小。

<div style="height: 202px; width: 202px; border: 1px solid red; text-align: center; display:table-cell; vertical-align:middle;">
	<img id="image" style="max-width: 200px; max-height:200px;" src="3.png" />
</div>

<button onclick="document.getElementById('image').src='1.jpg'">Image1</button>
<button onclick="document.getElementById('image').src='2.jpg'">Image2</button>