码迷,mamicode.com
首页 > 其他好文 > 详细

消除行内元素的间距

时间:2019-02-20 15:59:02      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:alc   左右   display   code   play   str   class   style   cal   

设置了 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);   /* 计算宽度,运算符号左右一定要有空格 */
}

 

消除行内元素的间距

标签:alc   左右   display   code   play   str   class   style   cal   

原文地址:https://www.cnblogs.com/jiktiv123/p/10407042.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!