主要的难点在于两点：

　　1.垂直居中；

　　2.图片是个置换元素，有些特殊的特性。

　　至于如何解决，下面是一个权衡的相对结构干净，CSS简单的解决方法：

.box {

display: table-cell;

vertical-align:middle;

text-align:center;

*display: block;

*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/

*font-family:Arial;

width:200px;

height:200px;

border: 1px solid #eee;

}

.box img {

vertical-align:middle;

}