Asp.net mvc 3 如何在mvc3中格式化视图结果?

Asp.net mvc 3 如何在mvc3中格式化视图结果?,asp.net-mvc-3,razor,Asp.net Mvc 3,Razor,我的视图中有复选框列表。它以垂直格式显示我。 像 a b c d 但我想以这样一种方式格式化它,它看起来像 a、b、c、d e f g h i j k l 我的代码如下所示 @foreach (var item in Model) { <table> <tr> <td><input type="checkbox" id="@item.DataId" name="Data"/>@item.DataName&l

我的视图中有复选框列表。它以垂直格式显示我。 像

a

b

c

d

但我想以这样一种方式格式化它,它看起来像

a、b、c、d

e f g h

i j k l

我的代码如下所示

 @foreach (var item in Model)
  {
  <table>
      <tr>
         <td><input type="checkbox" id="@item.DataId" name="Data"/>@item.DataName</td>
      </tr>
  </table>
@foreach(模型中的变量项)
{
@item.DataName

如何设置格式?

假设您需要的是列表,而不是表格:

//您可以在此处检查模型是否包含任何项

<ul>
@foreach (var item in Model)
{
   <li><input type="checkbox" id="@item.DataId" name="Data"/>@item.DataName</li>
}
</ul>
    @foreach(模型中的var项目) {
  • @item.DataName
  • }

在CSS中,您需要将列表的显示属性设置为
内联

希望您不是为了布局目的而使用表;)

无论如何,这应该可以做到,这是一个粗略的代码,可以被完善,但希望这将给你一个良好的开端

<table>
    <tr>
@{var rower = 0;}
    @foreach (var item in Model)
    {
        if (rower % 4 == 0 && rower != 0)
        {
            @:</tr>
            @:<tr>
        }
         <td><input type="checkbox" id="@item.DataId" name="Data"/>@item.DataName</td>
        rower++;
    }
    </tr>
</table>

@{var rower=0;}
@foreach(模型中的var项目)
{
如果(换行器%4==0&&rower!=0)
{
@:
@:
}
@item.DataName
赛艇手++;
}