display: inline-block间隙问题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/cc7756789w/article/details/50906128

无论是本身为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>
展开阅读全文

没有更多推荐了,返回首页