html - 如果边距和填充设置为 0，为什么控件之间会有空间？

Question

我有一个 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/