1

我有一个使用文本框包含个人信息详细信息的 HTML 页面。我有两个字段集,如

这个 Jsfiddle

正如注意到的那样,字段集是上下放置的。我的问题是

如何并排放置这两个字段集(左右位置)?

谢谢

4

4 回答 4

4

我删除了表单width: 40%;并在这些字段集上分配了一个float:left;属性。这是更正的小提琴:试试我

于 2012-05-16T08:56:07.207 回答
4

从您的. width:40%_formfloatfieldsets

检查这个:http: //jsfiddle.net/XdRYT/8/

于 2012-05-16T08:56:12.257 回答
3

最简单的解决方案是创建包含两个单元格和一行的表格,并将每个字段集放在不同的单元格中。另一个更复杂的是使用 CSS 来格式化它。

于 2012-05-16T08:56:04.557 回答
0

将字段集样式更改为以下

  fieldset {
            border: 1px dotted #61B5CF;
            margin-top: 1.4em;
            padding: 0.6em;
            float:left;
            width:40%;
           }
于 2012-05-16T10:54:57.390 回答