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

当两个行块级标签之间有空格,或者换行时,行块级标签之间会有一个默认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>

 

    

 

posted @ 2017-07-11 12:50  莫问、前程  阅读(914)  评论(0编辑  收藏  举报