input - 带有 HTML 输入的字段与没有 HTML 输入的字段提供不同的宽度/边距

Question

以下代码：

<span style="display:inline-block;width:200px;">Selectiedatum</span>
<input type="text" value="30-06-2013" style="width:100px;text-align: right;" />

给出与以下不同的输出：

<span style="display:inline-block;width:200px;">Selectiedatum</span><input type="text" value="30-06-2013" style="width:100px;text-align: right;" />

是的，唯一的区别是 HTML 输入...

检查http://jsfiddle.net/Et4WZ/

问题是这段代码是由 ASP.net 创建的；我不能只是简单地添加或删除 HTML 输入。

为什么会发生这种情况，我该如何解决？

Answer 1

搅拌机是对的。

我通过添加一个带有 1 个空格的 span 字段来修复它：

<span> </span>

所以：

<span style="display:inline-block;width:200px;">Selectiedatum</span><span> </span><input type="text" value="30-06-2013" style="width:100px;text-align: right;" />