欢迎光临
我们一直在努力

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>
赞(0)
未经允许不得转载:自游互动 » display:inline-block的间隙问题和解决办法
分享到: 更多 (0)

自由技术,自由自在

项目合作联系我们