0

我目前有这个。

http://jsfiddle.net/ef7vh/1/ 

<div>
   <button>Button1</button>
   <span style="border: solid 1px black; padding: 0px 10px 0px 10px">My Text</span>
   <button>Button2</button>
</div>

如何删除按钮 1 上的右间距和按钮 2 上的左间距，以便它们接触中间跨度？

4

3 回答 3

1 
    button {
    float: left;
    margin: 0;
}

span {
    float: left;
    margin: 0;
}

将是（许多）解决方案之一。

于 2013-07-06T20:10:59.113 回答
1

原因是 button 和 span 之间有一个空格，因为 button 将 display 的属性设置为 inline-block。内联块元素会自动添加边距。您必须删除边距，例如通过添加浮动或设置按钮作为内联元素。

于 2013-07-06T20:14:25.790 回答
1

输入之间有空格。

看着jsfiddle

于 2013-07-06T20:17:04.477 回答