如何在mvc4中水平和垂直对齐radiobutton列表值?

时间:2014-09-11 13:26:28

标签: c# css asp.net-mvc-4

我在视图中使用@html.RadioButtonFor html帮助器在.cshtml页面中显示大约35个单选按钮列表值。

我希望以9列和4行显示。

在Asp.net中使用like" RepeatLayout"," RepeatDirection"," RepeatColumns"我们可以做到这一点。

同样的事情我想将它应用于mvc4。有没有办法实现相同的?

请帮忙!

控制器代码:

ViewBag.Ratio = query.Select(m => new SelectListItem { Value = m.RatioID, Text = m.Ratio_Description });

.cshtml代码

 <td colspan="3" >

            @foreach (var item in (IEnumerable<SelectListItem>)ViewBag.Ratio)
                  { 
                         @Html.RadioButtonFor(m => m.RatioType, new { @item.Value, @item.Text })
                        <label for = "@item.Value">@item.Text</label>

                  }


            </td>

1 个答案:

答案 0 :(得分:0)

最好的方法是使用这样的表:http://jsfiddle.net/z2L3qbh9/1/ 或者尝试用这样的css管理它:

.eachRadioBtn{
    width:11%;
    float:left;
}

用div标签包装每个radioBottuon:

<div class=".eachRadioBtn">
    @HTML.RadioButtonFor( ... )
</div>