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

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>

 

    

 

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