IE6常见Bug10：图片下面有空隙

  
bug
  
图片下面有空隙
  

    
  

  
解决方案1：去掉标签多余空格、回车
  


  
解决方案2：img标签添加display:block，将图片转化为块级标签
  

    
  

  
解决方案3：设置父容器font-size为0
  

    
  

  
解决方案4：设置图片的垂直对齐方式，定义vertical-align属性值为vertical-align:top | bottom，不能设为middle，会导致顶部有空隙
  

    
  

  
解决方案5：给父对象添加overflow:hidden样式（必要条件是：1、父对象的宽、高固定；2、图片大小随父对象而定；）
  

    
  

  
解决方案6：设置图片浮动属性