c# - 在 ASP.Net 中创建 Razor 动态 html 表

Question

我正在尝试一次显示三个 RSS 新闻项目。我目前可以使用代码一次在每一行中显示每个项目:

@foreach (var item in ViewBag.RSSFeed)
    {
        <tr>
            <td>
                @Html.Raw(item.Description)
            </td>
        </tr>
    }

我尝试使用两个循环语句，但无法让它不破坏代码。有人会如何使用循环语句一次动态生成三行中的 RSS 提要内容？

Answer 1

使用列表和 css 规则而不是表格可以轻松实现:

<ul>
    @foreach (var item in ViewBag.RSSFeed)
    {
        <li>
            @Html.Raw(item.Description)
        </li>
    }
</ul>

CSS:

ul {
    list-style-type: none;
}

ul li {
    float: left;
    padding: 5px;
}

ul li:nth-child(3n + 4) {
    clear: left;
    float: left;
}

JSFIDDLE