Question

我有两个文本框，我想要均匀。通过均衡，我的意思是：

[text] --> < input type="text" / >

[More more text] --> < input type="text" / >

我希望两个“输入”相互内联。如何移动第一个输入文本框以匹配由于“更多文本”而被进一步推送的第二个输入文本框的位置。

Answer 1

两位文本是输入字段的标签，对吗？

您可以将它们包含在<label>标记中，如下所示：

<label for='field1'>Some text</label><input type='text' id='field1' /><br />
<label for='field2'>Some more text</label><input type='text' id='field2' /><br />

然后使用CSS样式将它们固定到设定的宽度，如下所示：

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

这会使您的输入字段排成一行。

还有很多其他方法可以做到这一点，但我会留下你那个。

希望有所帮助。

Answer 2

使用表格元素：

<table>
  <tr>
    <td>Text</td>
    <td>Text box</td>
  </tr>
  <tr>
    <td>Even more text</td>
    <td>Text box</td>
  </tr>
</table>

<强> Example

你怎么连文本框？

2 个答案: