行内块有缝隙

li 与 li 之间有看不见的空白间隔是什么原因引起的？如何解决？

ul{
    font-size:0px;//在父元素
    li{
        
    }
}

其他解决办法：

（1）为<li>设置float:left。

缺点：有些容器是不能设置浮动，如左右切换的焦点图等。

（2）将所有<li>写在同一行。

缺点：代码不美观。

（3）将<ul>内的字符尺寸直接设为0，即font-size:0。

缺点：<ul>中的其他字符尺寸也被设为0，需要额外重新设定其他字符尺寸，且在Safari浏览器依然会出现空白间隔。

（4）消除<ul>的字符间隔letter-spacing:-8px。

缺点：这也设置了<li>内的字符间隔，因此需要将<li>内的字符间隔设为默认letter-spacing:normal。