强制标签与其标记的输入内联

Question

我需要标签与它们标记的输入字段保持在同一行.我希望这些元素像通常在窗口调整大小时那样流动,我只想让标签贴在他们标记的输入的左侧.我该怎么办？有任何想法吗？

<label for="id1">label1:</label>
<input type="text" id="id1"/>
<label for="id2">label2:</label>
<input type="text" id="id2"/>

答案:Josiah Ruddell的答案是在正确的道路上,使用跨度代替div给了我正确的行为.谢谢!

<span style="white-space:nowrap">
    <label for="id1">label1:</label>
    <input type="text" id="id1"/>
</span>
<span style="white-space:nowrap">
    <label for="id2">label2:</label>
    <input type="text" id="id2"/>
</span>

Answer 1

把它们放在div带有nowrap的内部.

<div style="white-space:nowrap">
    <label for="id1">label1:</label>
    <input type="text" id="id1"/>
</div>

Answer 2

放入input标签,然后抛弃for属性

<label>
  label1:
  <input type="text" id="id1" name="whatever" />
</label>

但是,当然,如果你想为文本设计样式呢？只需使用一个span.

<label id="id1">
  <span>label1:</span>
  <input type="text" name="whatever" />
</label>