C# 如何在mvc4中水平和垂直对齐单选按钮列表值?

C# 如何在mvc4中水平和垂直对齐单选按钮列表值?,c#,css,asp.net-mvc-4,C#,Css,Asp.net Mvc 4,我在.cshtml页面中使用@html.radiobuttonforhtml助手在视图中显示大约35个单选按钮列表值 我想显示在9列和4行中 在Asp.net中,使用“RepeatLayout”、“RepeatDirection”、“RepeatColumns”等控件属性,我们可以实现这一点 我想把它应用到mvc4中,有什么方法可以实现同样的功能吗 请帮忙 控制器代码: ViewBag.Ratio = query.Select(m => new SelectListItem { Value

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

我想显示在9列和4行中

在Asp.net中,使用“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>

@foreach(IEnumerable视图包比率中的var项)
{ 
@RadioButton(m=>m.RatioType,新的{@item.Value,@item.Text})
@项目.案文
}

最好的方法是使用如下表格: 或者尝试使用css对其进行如下管理:

.eachRadioBtn{
    width:11%;
    float:left;
}
用div标签包装每个RadioBottoon:

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

@HTML.radioButton(…)

你可以通过使用Please paste你的codeHi Jay来调整你的CSS,这是我的codeHi Masoud,我不能像JSFIDLE demo那样使用,因为我使用foreach获取值loop@user3406037您只需从浏览器复制粘贴代码,并应用css粘贴即可@用户3406037,你好。尝试其他方法(.eachRadio)。在for-each中,还可以定义一个变量,如:int i=0;当i%9==0时;关闭预览tr并添加新tr