1

テキスト ボックスを使用した個人情報の詳細を含む HTML ページがあります。次のように2つのフィールドセットがあります

この Jsfiddle。

フィールドセットが上下に配置されていることに注意してください。私の質問はそれです

これらの 2 つのフィールドセットを並べて (左右の位置に) 配置するにはどうすればよいですか?

ありがとうございました

4

4 に答える 4

4

フォームを削除し、それらのフィールドセットにプロパティwidth: 40%;を割り当てました。float:left;修正されたフィドルは次のとおりです。Try me

于 2012-05-16T08:56:07.207 に答える
4

width:40%から取り外してあなたにform与えfloatますfieldsets。

これを確認してください：http://jsfiddle.net/XdRYT/8/

于 2012-05-16T08:56:12.257 に答える
3

最も簡単な解決策は、2 つのセルと 1 つの行を持つテーブルを作成し、各フィールドセットを異なるセルに配置することです。もう 1 つ複雑なのは、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 に答える