li之间的空白间隔怎么解决

原因

这是浏览器把inline元素之间的空白字符（例如空格，换行）渲染成一个空格导致的，因为我们通常会把一个li标签放在一行上，这就导致了换行字符占位。

<ul>
    <li>test</li>
    <li>test</li>
</ul>

解决

• 将ul和li写在一行上，不美观
• li设置line-height:1;
• ul设置font-size:0，li需重新设置font-size