淘寶解法：
<style type="text/CSS">
.box {
display: table-cell;
vertical-align:middle;
width:200px;
height:200px;
text-align:center;
/* hack for IE */
*display: block;
*font-size: 175px;
/* end */
border: 1px solid #eee;
}
.box img {
vertical-align:middle;
}
</style>
<div class="box">
<img src="/School/UploadFiles_7810/201603/20160324190143659.jpg" />
</div>
網友解法一：
.box {
display: table-cell;
vertical-align:middle;
width:200px;
height:200px;
text-align:center;
line-height:200px;
border: 1px solid #eee;
}
.box img {vertical-align:middle;}
網友解法二：
.box{
text-align:center;
width:200px;
height:
200px;
border:1px solid #ff0;
vertical-align: middle;
display: table-cell;
}
.box img{margin-top:expression(100-this.height/2);}
我一直用最後那個解決方法，呵呵