标签问题
img的下方空白问题
原因： 基线对齐
https://www.cnblogs.com/axu1997/p/11758521.html
解决：
用vertical-align:middle
因为行内块元素默认是基线对齐，使其变成底线对齐
li之间的空隙问题
原因：li标签之间存在空格导致
首先 ul里面的padding :0px ,list-style:none ;
https://blog.csdn.net/mayerlucky/article/details/51811917
解决：
1.浮动解决
2. ul的font-size =0 再设置 li font-size
3.用注释将li标签之间的空格去掉