li 元素中包含 a img 元素, 图片垂直居中的解决

 li 元素中包含 a img 元素

并且li是浮动的float:left的其中的图片怎么也垂直居中不了,最后设置 img 为块级元素就解决了

    <ul>    
      <li><a href="#" title="会员登录">会员登录</a></li>
      <li><a href="#">注册</a></li>
      <li class="imgC"><a href="#"><img src="images/icon1.gif" align="absmiddle"></a></li>
      <li class="imgC"><a href="#"><img src="images/icon2.gif" align="absmiddle"></a></li>
    </ul>

 

设置 img 为块级元素

.imgC{display: block;}

 

参考:http://www.qianduan.net/img-excess-ofe-5-pixel.html

 

 


 

你可能感兴趣的:(li 元素中包含 a img 元素, 图片垂直居中的解决)