消除行内元素的间距

Posted 2021-02-10 jiktiv123

设置了 inline-block 的两个 div 之间会有间距，需要消除。

<div class="container">
    <div class="left">left</div>
    <div class="right">right</div>
</div>

.container {
    font-size: 0;    /* 消除间距 */
}
.left, .right {
    display: inline-block;
}
.right {
    width: calc(100% - 100px);   /* 计算宽度，运算符号左右一定要有空格 */
}