Question

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

一

B'/ P>

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>

我该如何格式化？

Answer 1

希望你没有使用该表进行布局;）

无论如何，这应该是诀窍，它是粗糙的代码，可以打磨，但希望这会给你一个良好的开端

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

Answer 2

假设您需要一个列表，而不是一个表：

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

<ul>
@foreach (var item in Model)
{
   <li><input type="checkbox" id="@item.DataId" name="Data"/>@item.DataName</li>
}
</ul>

在CSS中，您需要将列表的显示属性设置为inline

如何在mvc3中格式化视图结果？

2 个答案: