img多5px问题的解决方法

 

• 给img添加

img{
 vertical-align: bottom;
}

 

• 设置 img 的 margin-bottom: -5px;

 

• 设置 ul 的 font-size:0;

ul{ 
　　width: 280px; 
　　font-size: 0; 
} 
ul li{ 
　　display:block; 
　　height:57px; 
　　width:277px; 
}

 

• 使li浮动，并设置img为块级元素

ul{ width: 280px; }
ul li{ 
    float:left;
    display:block;
    height:57px;
    width:277px;
 } 
img{ display: block; }

不想图片自适应拉伸的话就是max-width:100%,想图片都统一拉升的话就用width:100%...