所以我有两个字段集,包裹在一个标签中,我想彼此相邻显示。这是我的代码:小提琴
因此,分别包含输入框和指令的两个字段集应该并排出现。我应该在我的代码中更改/添加什么以使其正常工作?谢谢
拥有字段集float: left;
将正常工作。
看看这个:http: //jsfiddle.net/5brSk/2/
您必须确保您的 2 个字段集的容器足够大以将两个字段集彼此相邻放置,否则它将(再次)损坏。
如果您希望两个字段集并排,您可以使用表结构
<label>
<table>
<tr>
<td>
//field set 1
</td>
<td>
//field set 2
</td>
</tr>
</table>
</label>
最后添加一些CSS来修复它。从技术上讲,不需要标签标签。
将字段集设置为display: inline-block;
( http://jsfiddle.net/5brSk/16/ ) 以并排获取它们,并且不要使用标签作为父级 - 使用它的表单或 div / span。不过,还有无数其他事情会使您的代码无效(重复的 ID 等)