遇到的BUG记录

img标签有时候会出现下方无缘无故多出像素的BUG

1. 解决方法1:

   设置 img 的 vertical-align: bottom;

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

2. 2

   解决方法2:

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

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

3. 3

   解决方法3

   设置 ul 的 font-size:0;

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

4. 4

   解决方法4

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

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

遇到的BUG记录

原文：http://www.cnblogs.com/lichuntian/p/4410024.html