css图片垂直居中 css中如何实现图片垂直居中

.box {
/非IE的主流浏览器识别的垂直居中的方法/
display: table-cell;
vertical-align:middle;
/设置水平居中/
text-align:center;
/ 针对IE的Hack /
display: block;
font-size: 175px;/约为高度的0.873，2000.873 约为175/
font-family:Arial;/防止非utf-8引起的hack失效问题，如gbk编码/
width:200px;
height:200px;
border: 1px solid #eee;
}
.box img {
/设置图片垂直居中/
vertical-align:middle;
}

<div class="box" >
<img src="images/borderimages.png">
</div>