在行中显示项目集合

本文关键字：项目 集合 显示 | 更新日期: 2023-09-27 18:10:00

我有一个要显示的集合，像这样:

@foreach (var employee in Model.Employees)
{
    <a href="#">@employee.Name</a>
}

这只是在一个长行中显示所有内容。我想以3行为一组显示集合，这样我有3个项目显示，换行，接下来的3个项目显示，另一个换行，等等。

是否有简单的方法来做到这一点?

在行中显示项目集合

Mystere Man是对的，我通常使用列表项作为链接集合的语义标记元素。

<ul>
@foreach (var employee in Model.Employees)
{
    <li><a href="#">@employee.Name</a></li>
}
</ul>

然后使用CSS样式让你的列表看起来像你想要的那样使用(没有项目符号等)如果你让ul有一个固定的，并且每个li里面都有一个宽度的1/3，然后让li显示为内联块，这应该给你你想要的。(jsfiddle)

这与MVC无关，这是一个HTML问题。您需要渲染HTML以使它做您想做的事情。看看渲染后的输出。

通常，为了创建所需的语义标记，您会将行包装在div或其他元素中。

不使用css，这里有一个简单的方法。

@{ var i = 0; }
@foreach (var employee in Model.Employees)
{
    @{ i++; } 
    <a href="#">@employee.Name</a>
    @if(i%3 == 2)
    {
        <br/>
    }
}
相关文章：