去除行块级标签之间的默认间距

Posted 莫问、前程

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了去除行块级标签之间的默认间距相关的知识,希望对你有一定的参考价值。

当两个行块级标签之间有空格,或者换行时,行块级标签之间会有一个默认4px的间距。去除方法如下:

  给行块级标签的父级设置:font-size: 0;

  在给相应的行块级标签设置需要的 font-size;

如下所示:

<style>
        .parent{
            font-size: 0;
        }


        .parent span{
            display: inline-block;
            font-size: 14px;
        }

    </style>



<div class="parent">
    <span>默认4px</span> <span>默认4px</span>
</div>

 

    

 

以上是关于去除行块级标签之间的默认间距的主要内容,如果未能解决你的问题,请参考以下文章

关于htcs边区扫盲(行块优先显示符号补充)

关于去除2个inline-block之间的间距

如何清除a标签或者span标签之间的默认留白间距

img,span去除诡异的边距

在HTML中button标签是块级元素还是内联元素

行内元素 块级元素之间的嵌套