Question

下面的表格代码在MVC视图中的剃刀中，生成一个由行和列组成的标准表。我正在寻找的是一种样式行的方式，使它们看起来不同....就像一个有圆角和颜色等的自定义div ...基本上我不希望它看起来像一张桌子，我想要块/块（？）中输出的数据（一行一个块）..我希望我这么容易理解...例如，搜索时的典型谷歌页面左侧有选项可点击（图像，新闻，视频等）一旦你点击一个链接，右侧窗格上的列表会随着条目而改变。我希望我的行看起来像..像数据块，而不是行和列结构... < / p>

<table>


  @foreach (var item in Model)
 {

<tr>
    <td>
        @Html.DisplayFor(modelItem => item.Name)
    </td>

    <td>
        @Html.DisplayFor(modelItem => item.Descr)
    </td>
    <td>
        @Html.DisplayFor(modelItem => item.Number)
    </td>


</tr>
}
 }

  </table>

Answer 1

然后您可能不想使用<table>，而是可以尝试使用<ul>。

Answer 2

我建议你不要使用表格。如果您希望获得最大的灵活性，最好使用<div>和<ul>元素并相应地设置样式，例如：

<ul class="item">
    <li>
        <div class="name">@Html.DisplayFor(m => m.Name)</div>
        <div class="description">@Html.DisplayFor(m => m.Descr)</div>
        <div class="number">@Html.DisplayFor(m => m.Number)</div>
    </li>
</ul>

在MVC3，razor中更改表格显示样式

2 个答案: