如果margin和padding设置为0，为什么控件之间会有空格？

Question

我有一个包含两个text类型输入元素的div，它们之间有一个标签。用户可以定义间隔（如4-5）。它们显示在同一行上。所有三个控件都有边距和填充设置为0. Firebug证实了这一点。他们之间还有一些空间。怎么会 ？这个空间来自哪里？

Answer 1

元素之间很可能是空格（换行符/空格）。

请参阅这些示例以了解

<input type="text" /><label>-</label><input type="text" />

和

<input type="text" /> <label>-</label> <input type="text" />

或

<input type="text" />
<label>-</label>
<input type="text" />

会以不同的方式呈现。

演示：http://jsfiddle.net/rS2QQ/

Answer 2

HTML文件中的空白区域。

Answer 3

确保输入之间没有任何空格：

<input /> <input />
         ^
         |
         \_ space

此外，连字符字符周围总是有一些空格。您可以在CSS中指定负字母间距或添加一些负边距。