0

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

如何让浅蓝色元素接触以下 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;
}
4

3 回答 3

1

以下是一些可能的解决方案：
消除内联块元素之间的空间

行内块元素被视为单词，因此受到单词间距的影响。

于 2013-07-18T19:02:07.200 回答
1

替换display:inline-block为float:leftin.indicator和.handle

于 2013-07-18T19:08:15.680 回答
0

我在这里回答了一个类似的问题：CSS将3个块彼此相邻

解决方案是使用包装器并font-size: 0在元素中设置然后重置它或消除 html 中 div 之间的任何空格。请参阅帖子以获得更深入的答案

于 2013-07-18T19:07:43.520 回答