display: inline-block间隙问题

无论是本身为inline-block的元素，比如input。还是将非inlick-block的其他元素设置为他，都会出现间隙。

#dis li {
    display: inline-block;
    background-color: green
}

<ul id="dis">
    <li>AAA</li>
    <li>BBB</li>
    <li>CCC</li>
</ul>

HTML式移除空格：

<ul id="dis">
    <li>
    AAA</li><li>
    BBB</li><li>
    CCC</li>
</ul>

或者：

<ul id="dis">
    <li>AAA</li
    ><li>BBB</li
    ><li>CCC</li>
</ul>

再或者：

<ul id="dis">
    <li>AAA</li><!-- 
    --><li>BBB</li><!-- 
    --><li>CCC</li>
</ul>