对于非IE6、IE7的方式是用行高，再控制图片的对齐方式就可以，例如：

<style type="text/css">
.valign {
	float:left;
	width:160px;
	height:160px;
	border:2px solid #444;
	overflow:hidden;
	line-height:160px;
	text-align:center;
	font-size:12px;
}
.valign img {
	vertical-align:middle;
	/*
	对于图片大于容器时，设置图片的最大宽高为容器的宽高。
	*/
	max-width:160px;
	max-height:160px;
}
</style>
<div class="valign">
	<img src="/uploadfile/2016/1231/20161231052131162.jpg">
</div>
<div class="valign">
	<img src="/uploadfile/2016/1214/20161214015746749.jpg">
</div>

效果如下所示：