2

RadioButtonFor を使用して、MVC 4 テンプレートでラジオ ボタンを左に揃えるのに苦労しています。

何らかの理由でそれらが中央に配置されています。下の写真はラジオボタンでのみ発生します。

div をフロートしようとしましたが、うまくいきませんでした。

また、ラジオ ボタン ヘルパーに css クラスを追加しようとしましたが、RadioButtonFor 関数のオーバーロード エラーが発生しました。

テーブルに並べてみました

アドバイスしてください、ここに私のコードがあります

<div class="editor-field"  >
<table>
<tr>
    <td>
           @Html.RadioButtonFor(model => model.isChildTakingMedicine, true, new { @onchange = "showTextBox()" }) YES<br />
    </td>
</tr>
<tr><td>
            @Html.RadioButtonFor(model => model.isChildTakingMedicine, false, new { @onchange = "showTextBox()" }) NO
            @Html.ValidationMessageFor(model => model.isChildTakingMedicine)
     </td> 
</tr>
</table>  
</div>
4

3 に答える 3

6

ラジオボタンの幅を広くしました。デフォルトのcssは、すべての入力タグに大きな幅を与えます。

それを修正するために次の CSS を追加しました。

input[type="radio"]  
{
       width: 20px;   
}
于 2013-06-28T17:00:45.967 に答える
0

これが必ずしもあなたの質問に答えているかどうかはわかりませんが、同様の問題を抱えている人にとって役立つ情報になると思いました。

ラジオ ボタンの行と列を含むテーブルがあります (ユーザーは、各行のラジオ ボタンの 1 つを選択することを意図しています)。ラジオ ボタンが、行または列のヘッダー テキストと整列していませんでした。何がそれを修正したと思いますか - テーブルに境界線を追加してください! 最初に、align と valign を使用したり、スタイル内で align を使用したりして、あらゆる種類のことを試しました。私はそれをすべて取り除き、テーブルに「border = 1」を設定しました。出来上がり - ラジオ ボタンはすべてヘッダー テキストと左揃えになっています。

于 2015-05-27T15:54:32.993 に答える