HTML元素之间有间隙原因以及解决办法

产生原因：
空白间隙主要出现在行内元素中（如li、img），是由于换行符、tab（制表符）、空格等不可见字符引起的。

解决办法：
（1）删除行内元素之间的换行符、tab（制表符）、空格等字符
写代码的时候，在li之间不要有间隙，可以把代码格式化，放在一行显示

（2）给父辈元素设置font-size:0;
该方法需要重新给元素单独设置字体大小属性

（3）更改代码书写方式

<ul>
  <li>WEB前端</li
  ><li>前端开发</li
  ><li>我是测试</li>
</ul