6

私は2つのフィールドセットを持っています:

<fieldset> first fildset </fieldset>

<fieldset> second fieldset </fieldset>

それらを同じ行に配置するにはどうすればよいですか？

4

5 に答える 5

10

displaycss プロパティをinline次のように設定できます。

<style type="text/css">
  fieldset.inline {
    display: inline;
  }
</style>

<fieldset class="inline"> first fildset </fieldset>
<fieldset class="inline"> second fieldset </fieldset>

結果は次のようになります: http://jsbin.com/aseyej/1/edit

于 2013-02-22T15:30:29.013 に答える
2

それらを div コンテナに配置します。

<style type="text/css">
    .container {
    height:100px;
    width:600px;
    background-color:gray;       
}
.left {
    float:left;
    width:200px;
    background-color:blue;
}
.right {
    float:right;
    width:400px;
    background-color:red;
}
</style>

<div class="container">
    <div class="right"><fieldset> first fildset </fieldset></div>
    <div class="left"><fieldset> second fieldset </fieldset></div>
</div>
于 2013-02-22T15:28:06.753 に答える
1

使用することもできますdisplay:inline;

于 2013-02-22T15:30:17.220 に答える
1

feldset はブロック レベルの要素であるため、通常、ページ レイアウトでは 2 つのブロックで表示されるため、それらを 1 行に配置するには、次のような多くの可能性があります。

を。display: inline-blockフィールドセットのスタイルシートに入れます。

b. フィールドセットの1つを他のフィールドセットの左または右にフロートします。float: left

c. それらを絶対的または相対的に配置します。position: absolute適切な上下を設定します

他の方法もありますが、ほとんどの場合、これら 3 つが適用されます。

于 2013-02-22T15:36:28.137 に答える
0

それらをtable.asに配置します

<table>
   <tr>
     <td>
       <fieldset>
          first fildset
       </fieldset>
     </td>
     <td>
       <fieldset>
          second fieldset 
       </fieldset>
    </td>
</table>

フィドルはこちら

于 2013-02-22T15:29:11.633 に答える