1，浮动

浮动是处理元素排列方式的方法之一，使用浮动（float）可以帮助更好的排列元素位置

<p>源代码</p>
<input type="text" name="name1" />
<input type="text" name="name2" />
<input type="text" name="name3" />

<p>浮动</p>
<input type="text" name="name1" style="float:left" />
<input type="text" name="name2" style="float:left" />
<input type="text" name="name3" style="float:left" />

2，不换行

听起来很奇怪，原理应该是换行产生了占位符导致输入框中间出现间隙。如果代码中不想使用浮动可以使用该方法

<p>源代码</p>
<input type="text" name="name1" />
<input type="text" name="name2" />
<input type="text" name="name3" />

<p>不换行</p>
<input type="text" name="name1" /><input type="text" name="name2" /><input type="text" name="name3" />