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