用于格式化问题的MVC 4 Razor Checkboxlist

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)
}

让我知道你的意见。