CSS控制图片垂直居中

HTML代码：

 

       <ul>
          <li class="img"><a href="#"><img src="images/pro1.gif" alt="NB-001" align="absmiddle" /></a></li>
          <li class="name"><a href="#" title="NB-001">NB-001</a></li>
        </ul>

 

CSS代码：

.productsbody ul{
margin: 0px; width:117px; float:left; height:142px; margin:10px 9px;}
.productsbody li.name {
width: 117px; line-height: 25px; height:25px; text-align: center;}
.productsbody li.img{
height:115px; width:115px; border:#efefef 1px solid; overflow:hidden; text-align:center;}
.productsbody li.img a{
width: 115px; display: block; height: 115px; text-align:center; vertical-align:middle; display:table-cell; vertical-align: middle; text-align:center; overflow: hidden; font-size:100px;}
.productsbody li.img img{max-width:115px;max-height:115px;}
*html .productsbody li.img img{
width: expression(this.width > 115 && this.width > this.height ? 115 : auto); height: expression(this.height > 115 ? 115 : auto);}