asp.net-mvc - MVC 4 Razor 复选框列表格式化问题

Question

我试图实现一个“CheckboxListFor”方法，但是在格式方面遇到了一些问题，其中复选框的文本没有在复选框的一侧对齐，而是在复选框的下方。

查看代码：

     @{ 
         var htmlListInfo = new HtmlListInfo(HtmlTag.table, 4, null, 
                                             TextLayout.Default, TemplateIsUsed.No);
     }


      @Html.CheckBoxListFor(model => model.KeywordIDs,
                                     model => model.Keywords,
                                     model => model.KeywordId,
                                     model => model.Name,
                                     model => model.SelectedKeywords,
                                     htmlListInfo
       );

任何见解将不胜感激。

Answer 1

好的gr8 ..微小的变化。试试这个代码。

必须应用 css 来修复它。

<style type="text/css">
    label
    {
        display: inline-block !important;
        padding: 5px !important;
    }
</style>
@{ 

    var htmlListInfo = new HtmlListInfo(HtmlTag.table, 4, null, TextLayout.Default, TemplateIsUsed.No);

    @Html.CheckBoxListFor(model => model.PostedCities.CityIDs,
                      model => model.AvailableCities,
                      city => city.Id,
                      city => city.Name,
                      model => model.SelectedCities,
                      htmlListInfo)
}

让我知道你的意见。