本文主要是介绍li 与 li 之间有看不见的空白间隔是什么原因引起的？如何解决？，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
浏览器会把inline内联元素间的空白字符（空格、换行、Tab等）渲染成一个空格。
为了美观，通常是一个放在一行，这导致换行后产生换行字符，它变成一个空格，占用了一个字符的宽度。
解决办法：
（1）为设置float:left。不足：有些容器是不能设置浮动，如左右切换的焦点图等。
（2）将所有写在同一行。不足：代码不美观。
（3）将内的字符尺寸直接设为0，即font-size:0。不足：中的其他字符尺寸也被设为0，需要额外重新设定其他字符尺寸，且在Safari浏览器依然会出现空白间隔。
（4）消除的字符间隔letter-spacing:-8px，不足：这也设置了内的字符间隔，因此需要将内的字符间隔设为默认letter-spacing:normal。
这篇关于li 与 li 之间有看不见的空白间隔是什么原因引起的？如何解决？的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
