如何在mvc4中水平和垂直對齊單選按鈕列表值？

Question

我有大約35個單選按鈕列表值將顯示在我的視圖中使用@ html.RadioButtonFor在.cshtml頁面中的html助手。

我想顯示在9列和4行。

在使用類似「RepeatLayout」，「RepeatDirection」，「RepeatColumns」的控件屬性的Asp.net中，我們可以實現這一點。

我想將它應用於mvc4.Is是否有任何方法來實現相同的東西？

請幫忙！

控制器代碼：

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> 

Answer 1

最好的辦法是用表是這樣的：http://jsfiddle.net/z2L3qbh9/1/ 或嘗試用這樣的CSS來管理它：

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

用div標記包裹每個radioBottuon：

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