1

簡単な質問があります、私はすでに作成しました

<style type="text/css"> 
      .container {
       width: 100%;
      clear: both;
       text-align:center;

}
.container input {
    width: 2%;
    clear: both;

}
</style>

私が計画しているフォームオプションを中央に配置します。そしてそれは動作します。中央に円の泡がありますが、名前を追加しようとすると、「円のチェックマーク」が整列しなくなります。をいじることなくこれを修正できる方法はありますか？

<Input type = radio Name = r1 Value = "WhatEver" onClick =GetSelectedItem()>Whatever<BR>

わかりやすくするために画像へのリンクを添付しました。 ここに画像の説明を入力してください ここに画像の説明を入力してください

4

2 に答える 2

0

必要な処理を行う以下のコードを見つけてください。

CSS:

.container, .container p {
     width: 100%;
     text-align:center;
}
.container p { padding:0 0 5px 0; }
.container input {
    width: 2%;
    margin:0 5px 0 0;
}

HTML:

<div class="container">
    <p><Input type = radio Name = r1 Value = "WhatEver" onClick =GetSelectedItem()><label>Whatever</label></p>
    <p><Input type = radio Name = r1 Value = "WhatEver" onClick =GetSelectedItem()><label>Whatever</label></p>
    <p><Input type = radio Name = r1 Value = "WhatEver" onClick =GetSelectedItem()><label>Whatever</label></p>
    <p><Input type = radio Name = r1 Value = "WhatEver" onClick =GetSelectedItem()><label>Whatever</label></p>
    <p><Input type = radio Name = r1 Value = "WhatEver" onClick =GetSelectedItem()><label>Whatever</label></p>
    <p><Input type = radio Name = r1 Value = "WhatEver" onClick =GetSelectedItem()><label>Whatever</label></p>
    <p><Input type = radio Name = r1 Value = "WhatEver" onClick =GetSelectedItem()><label>Whatever</label></p>
    <p><Input type = radio Name = r1 Value = "WhatEver" onClick =GetSelectedItem()><label>Whatever</label></p>
</div>
于 2013-02-11T09:54:15.127 に答える
0

箇条書きの周りにdivを追加して作成しtext-align:left; margin:0 auto 、から削除width:2%しますinput

.form{
    text-align:left; 
    margin:0 auto;
    display:inline-block
}
.container input {
    clear: both;
}

デモ

于 2013-02-11T09:38:17.370 に答える