Question

我有一个包含两个fieldset元素的表单

<form>
   <fieldset>
   </fieldset>

   <fieldset>
   </fieldset>
</form>

我需要横向制作？

Answer 1

只需浮动它们并添加宽度。

fieldset {
  float: left;
  width: 50%;
}

Answer 2

你可以将它们放在一个流体跨度6中。你可以做其他一些事情，但这样做会导致行问题。

<form class="row-fluid well">
    <fieldset class='span6'>
      <legend>Legend 1</legend>
      <label class="radio">
        <input type="radio" name="option1"/> Option1
      </label>    
        <label class="radio">
         <input type="radio" name="option2"/> Option2
      </label> 
    </fieldset>    

    <fieldset class='span6'>
       <legend>Legend 2</legend>
       <select>
           <option> option1 </option>
        </select>    
    </fieldset>
</form>

Answer 3

你可以通过添加到母亲那样做：

overflow: hidden;

并添加到字段集：

display: block; float: left;

请参阅示例：http://jsfiddle.net/JXf8g/25/

如何水平制作两个fieldset？

3 个答案: