2

我很难使用 RadioButtonFor 在 MVC 4 模板中将单选按钮向左对齐。

出于某种原因,它们被放在中间,abd 它只发生在下面的单选按钮上是一张图片:

我试图浮动 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 回答
1

出于某种原因,我花了比预期更长的时间来为我的自举情况找到正确的结构。我想减轻其他人的痛苦,希望这种布局能有所帮助。就我而言,数据模型只是一个名为 Status 的整数。

    <div class="form-group">
        <label class="col-sm-2">Status</label>
        <div class="col-sm-10">
            <div class="radio-inline"><label>@Html.RadioButtonFor(m => m.Status, 1) Acknowledged </label></div>
            <div class="radio-inline"><label>@Html.RadioButtonFor(m => m.Status, 2) In Progress </label></div>
            <div class="radio-inline"><label>@Html.RadioButtonFor(m => m.Status, 3) Closed/Fixed </label></div>
        </div>
    </div>
于 2017-03-07T11:53:42.680 回答
0

我不知道这一定会回答您的问题,但我认为这对于任何有类似问题的人来说可能是有用的信息:

我有一个包含单选按钮行和列的表格(用户应该在每行中选择一个单选按钮)。单选按钮未与行或列标题文本对齐。猜猜是什么解决了它 - 为表格添加边框!我首先尝试了各种各样的东西,使用 align 和 valign,或者 align within style ......那种东西。我把所有这些都去掉了,只为表格设置了“border=1”。瞧 - 单选按钮都与标题文本左对齐!

于 2015-05-27T15:54:32.993 回答