我有一个使用文本框包含个人信息详细信息的 HTML 页面。我有两个字段集,如
正如注意到的那样,字段集是上下放置的。我的问题是
如何并排放置这两个字段集(左右位置)?
谢谢
我删除了表单width: 40%;
并在这些字段集上分配了一个float:left;
属性。这是更正的小提琴:试试我
从您的. width:40%
_form
float
fieldsets
检查这个:http: //jsfiddle.net/XdRYT/8/
最简单的解决方案是创建包含两个单元格和一行的表格,并将每个字段集放在不同的单元格中。另一个更复杂的是使用 CSS 来格式化它。
将字段集样式更改为以下
fieldset {
border: 1px dotted #61B5CF;
margin-top: 1.4em;
padding: 0.6em;
float:left;
width:40%;
}