img标签本身是个行内元素,所以当多个img排在一起时,它们之间如果有回车换行或者空格就会形成空隙,比如
<span ><img src="./images/1.jpg" alt=""></span>
<span ><img src="./images/2.jpg" alt=""></span>
<span ><img src="./images/3.jpg" alt=""></span>
<span ><img src="./images/4.jpg" alt=""></span>
像上图这样的空隙
只需要将此处的span标签改成块级元素:display:block,就可以清除两图的空隙了