图片对于空格间隙的BUG可能很多前端开发人员都碰到过，最典型的就是同样多张图片垂直排列，padding和margin全部设置为0，在FF下完全正确，而IE下每张图片下就出现了空隙，如本文图示。　　以下代码是典型BUG代码，我们常常按照如下写法就会在IE下出现图片空隙

　　Firefox 下的正常表现：　　IE6 下的非正常表现：

解决方法一      设置 img 为块级元素img{display: block;} 

解决方法二      设置 图片外面的ul 的 font-size:0; 

解决方法三      设置 img 的 vertical-align: bottom; img{vertical-align:bottom;}

解决方法四      设置 img 的 margin-bottom: -5px; img{margin-bottom: -5px;}