html中的li中图片加了链接后有间隙，该怎么解决呢（图片未加链接无间隙）

可能和CSS“盒子模型“有关

简单的说，就是一个HTML元素，有width|height，padding，border，margin。

你的页面出现间隙，有可能是padding，border，margin中有值，所以导致出现间隙，可以尝试把涉及到的所有HTML标签的padding，border，margin都设置为0,试试看

1、打开html开发工具，新建一个html页面。

2、在html页面创建一个div标签，然后在div标签里创建5个a标签。

3、为了看得更加明显，我们将对新建的div标签、a标签设置样式，然后使用浏览器打开html页面，发现a标签之间是存在间距的。

4、把a标签的代码显示为一行，然后再html页面刷新浏览器查看效果，发现a标签之间的间距不见了。

5、把a标签还是恢复为每个标签显示一行，然后设置a标签父类的样式为：font-size:0。

6、font-size:14px最后在浏览器上刷新页面发现a标签之间的间距没有了。

---