解决img标签之间的间隙

1）img { display:block};
将其改变为block元素，但是该方法太过粗暴，相当于从根本上改变了img

2）img {vertical-align:top;}
改变其垂直对齐方式

3）div {font-size:0};
把父元素的文字大小设置为0

4）div {line-height: 0};
把父元素的行高设置为0

5）img {float: left};
使用float进行浮动

6）div { margin-bottom:-3px };
父元素设置负的margin值，这个方法不推荐

7）<img src="..." style="..."><img src="..." style="...">
标签写在同一行，不可以有空格和换行，标签多的时候代码格式不好看。