display:inline-block 什么时候会显示间隙?

有空格的时候会有间隙(两个display:inline-block的默认的空格或者换行符),

解决方法

移除空格

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

使用margin负值

.space a {
    display: inline-block;
    margin-right: -3px;
}

使用font-size

.space {
    font-size: 0;
}
.space a {
    font-size: 12px;
}

letter-spacing

.space {
    letter-spacing: -3px;
}
.space a {
    letter-spacing: 0;
}

word-spacing

.space {
    word-spacing: -6px;
}
.space a {
    word-spacing: 0;
}

results for ""

    No results matching ""