Div图片垂直居中的方法

fansty008

css：

<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>

 
 
html：
 

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