1 //注：.imgContainer为容器的样式，.imgContainer img为容器里的img样式 2 .imgContainer{ 3 /*非IE的主流浏览器识别的垂直居中的方法*/ 4 display: table-cell; 5 vertical-align:middle; 6 /*设置水平居中*/ 7 text-align:center; 8 /* 针对IE的Hack */ 9 *display: block; 10 *font-size:78px;/*约为高度的0.873，200*0.873 约为175*/ 11 *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ 12 width:94px; 13 height:94px; 14 border: 1px solid #eee; 15 } 16 .imgContainer img { 17 /*设置图片垂直居中*/ 18 vertical-align:middle; 19 }