内嵌块元素之间的边距

问题描述：

我有两个内嵌块元素，并且它们之间有一个我似乎无法控制的边距。内嵌块元素之间的边距

如何让浅蓝色的元素触及下面的JSFiddle中的绿色元素？

http://jsfiddle.net/oregontrail/XvBa7/1/

.indicator { 
    display:inline-block; 
    width:100px; 
    height:50px; 
    text-align: center; 
    background: PaleTurquoise; 
    vertical-align: top; 
} 

.handle { 
    display:inline-block; 
    width: 50px; 
    height: 50px; 
    text-align: center; 
    background: limegreen; 
}

[CSS放置3块彼此相邻]（可能重复http://stackoverflow.com/questions/17320625/替换display:inline-block css-laying-3-blocks-next-to-each） – Don

答

在.indicatorfloat:left和.handle

这个工程！这样做的任何缺点？ – OregonTrail

是的，包含'.indicator'和'.handle'的元素可能会崩溃，因为这些元素被从浮动中取出。在这种情况下，你需要一个clearfix。 –

yup同意alexej_d添加清除：.indicator和.handle div之后 –

答

以下是一些可能的解决方案：
Fighting the space between inline block elements

直列块元素正在接受治疗等词语，从而正在受到字间距。

答

我在这里回答了类似的问题：CSS placing 3 blocks next to each other

的解决方案是使用一个包装，并设置font-size: 0然后复位它的元素或消除在HTML的div之间的空白。看到该信息在深度答案更

内嵌块元素之间的边距

相关推荐