Div图片垂直居中的方法

< style >
.box {
/* 非IE的主流浏览器识别的垂直居中的方法 */
display : table-cell ;
vertical-align : middle ;

/* 设置水平居中 */
text-align : center ;

/* 针对IE的Hack */
*display : block ;
*font-size : 175px ; /* 约为高度的0.873，200*0.873 约为175 */
*font-family : Arial ; /* 防止非utf-8引起的hack失效问题，如gbk编码 */

width : 200px ;
height : 200px ;
border : 1px solid #eee ;
}
.box img {
/* 设置图片垂直居中 */
vertical-align : middle ;
}
</ style >


< div class ="box" >
< a href ="http://www.howpm.com" target ="_blank" >
< img src ="http://howpm.com/images/dz7/logo.gif" />
</ a >
</ div >

转载于:https://www.cnblogs.com/jasonoiu/archive/2011/01/13/Div_Image_Vertically_Centered_Approach.html