Input <；span/>；带有HTML enter的字段的宽度/边距与不带HTML enter的字段的宽度/边距不同

以下代码：

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

Selectiedatum

提供的输出不同于：

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

Selectiedatum

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

检查

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

为什么会发生这种情况？我如何修复它？

Blender是正确的

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

<span> </span>

因此：

Selectiedatum

当空格位于两个内联元素之间时，任意数量的空格都会呈现为单个空格。感谢Blender，您的回答是正确的。

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