布局的小细节

Posted 2020-11-08 qq3279338858

去除inline-block元素间间距

inline-block元素间留白间距出现的原因是标签段之间的空格

.space a {
    display: inline-block;
    padding: .5em 1em;
    background-color: #cad5eb;
}

<div class="space">
    <a href="##">惆怅</a>
    <a href="##">淡定</a>
    <a href="##">热血</a>
</div>

可以在父元素中使用font-size:0设置空格字体大小为0来去除间距

.space {
    font-size: 0;
}