行内元素的产生的元素空隙

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,就可以清除两图的空隙了