Question

我很难使用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>

Answer 1

单选按钮的宽度为宽，默认css为所有输入标记提供了较大的宽度。

添加了以下CSS来修复它：

input[type="radio"]  
{
       width: 20px;   
}

Answer 2

出于某种原因，我花了比预期更长的时间来达到我的自举状态的正确结构。我想拯救别人的痛苦，我希望这种布局能有所帮助。在我的例子中，数据模型只是一个名为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>

Answer 3

我不知道这必然会回答您的问题，但我认为对于遇到类似问题的人来说，这可能是有用的信息：

我有一个包含行和列单选按钮的表（用户可以选择每行中的一个单选按钮）。单选按钮没有与行或列标题文本对齐。猜猜是什么修复它 - 在桌子上添加边框！我首先尝试了各种各样的事情，使用对齐和valign，或者在样式中对齐......那种事情。我取消了所有这些，然后设置了＃34; border = 1＆＃34;对于表。 Voila - 单选按钮都与标题文本保持对齐！

需要帮助在MVC中对齐单选按钮

3 个答案: