如何删除表单中输入字段之间的多余空格

Question

我在下面构建了此代码，以使其在同一行上全部显示。 问题是，由于某种原因，表单输入字段距离标签有几个空格。 因此发生了这样的事情：

https://jsfiddle.net/pswLLhru/

有什么帮助可以消除两个输入字段之间的多余间距？ 谢谢

label {
    display:inline-block;
    width: 130px;
}


<div class="block">
    <label>Currently I am </label>
    <input type="text" id="labelinput" style="width:60px;"/>
    <label> in </label>
    <input type="text" id="labelinput" style="width:60px"/>
</div>

Answer 1

只需删除您的CSS：

label {
display:inline-block;
width: 130px;
}

会从您的输入中删除空白，并在同一行上显示div和2个输入。

另外，我建议缩进您的代码，以使其在大型/未来项目中更易于阅读。

Answer 2

删除CSS中的width ，并在标记中使用注释

<div class="block">
    <label>Currently I am </label><!--
    --><input type="text" id="labelinput" style="width:60px;"/><!--
    --><label> in </label><!--
    --><input type="text" id="labelinput" style="width:60px"/>
</div>