Question

我想做这样的事情

USER         EMAIL
input        input

但我无法想象如何让它以这种方式显示。基本上我希望每组标签+输入字段都是div，但我希望div是并排的。也许我使用的是错误的标签，因为我是一个html noobie＆gt;＆lt;

Answer 1

div是一个块级元素，这意味着默认情况下会占用整个水平空间，为了将它们并排排列，你需要float其他你需要使用{{1} }}

Demo

HTML

display: inline-block

CSS

<div>
    <label>Hello</label>
    <input type="text" />
</div>
<div>
    <label>Hello</label>
    <input type="text" />
</div>

Answer 2

如果你想使用标签，那么你可以通过以下代码实现你想要的结果 -

<table>
<tr>
    <td>USER</td>
    <td>EMAIL</td>
</tr>
<tr>
    <td><input type="text" name="user"></td>
    <td><input type="text" name="email"></td>
</tr>

输出显示在这里--- http://jsfiddle.net/hn3U9/

使用每个html上方的标签显示彼此相邻的两个输入

2 个答案: