display:inline-block的间隙问题和解决办法

本篇文章记录一下标签设置display:inline-block后并排存在间隙问题和解决办法

解决方案  给父元素设置 font-size:0  就可以了

/*样式*/
.htb_tags{font-size:0}
.htb_tags a{display: inline-block;}

/*html代码*/
<div class="htb_tags">
                <a href="" title="">摊牌</a>
                <a href="" title="">大唐</a>
                <a href="" title="">西游</a>
                <a href="" title="">摊牌</a>
                <a href="" title="">大唐</a>
                <a href="" title="">西游</a>
                <a href="" title="">摊牌</a>
            </div>