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

浏览器会把inline内联元素间的空白字符（空格、换行、Tab等）渲染成一个空格。

为了美观，通常是一个放在一行，这导致换行后产生换行字符，它变成一个空格，占用了一个字符的宽度。

解决办法：

（1）为设置float:left。不足：有些容器是不能设置浮动，如左右切换的焦点图等。

（2）将所有写在同一行。不足：代码不美观。

（3）将内的字符尺寸直接设为0，即font-size:0。不足：中的其他字符尺寸也被设为0，需要额外重新设定其他字符尺寸，且在Safari浏览器依然会出现空白间隔。

（4）消除的字符间隔letter-spacing:-8px，不足：这也设置了内的字符间隔，因此需要将内的字符间隔设为默认letter-spacing:normal。