美文网首页饥人谷技术博客
去除inline-block内缝隙有哪几种常见方法?

去除inline-block内缝隙有哪几种常见方法?

作者: Maggie_77 | 来源:发表于2016-11-29 20:55 被阅读0次

    采用如下的例子:

    <ul class="box">
        <li>tag1</li>
        <li>tag2</li>
        <li>tag3</li>
    </ul>
    
    • 方法一:
    <ul class="box">
        <li>tag1</li><li>tag2</li><li>tag3</li>
    </ul>
    

    <ul class="box">
        <li>tag1</li
        ><li>tag2</li
        ><li>tag3</li>
    </ul>
    

    或 li标签不闭合

    <ul class="box">
        <li>tag1
        <li>tag2
        <li>tag3
    </ul>
    
    • 方法二:负margin值或position定位
    • 方法三:li{float:left};ul{overflow:auto}
    • 方法四:父元素 .box{font-size:0}

    相关文章

      网友评论

        本文标题:去除inline-block内缝隙有哪几种常见方法?

        本文链接:https://www.haomeiwen.com/subject/jtdzpttx.html