C# MVC 3-按行显示项目集合

我正在展示一个收藏，如下所示：

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

@foreach（Model.Employees中的var employee）
{
}

这只是在一个长行中显示所有内容。我想以3行的形式显示集合，这样就可以显示3个项目，换行，显示下3个项目，再换行，依此类推

---

有没有一种简单的方法可以做到这一点？

这与MVC无关，这是一个HTML问题。您需要呈现HTML以使其执行您想要的操作。查看渲染输出

---

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

这与MVC无关，这是一个HTML问题。您需要呈现HTML以使其执行您想要的操作。查看渲染输出

---

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

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

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

@foreach（模型中的var employee.Employees）
{

}

---

然后使用CSS样式让你的列表看起来像你希望它使用的那样（没有要点，等等）。如果你让

ul

有一个固定的，并且每个

li

的内部都有1/3的宽度，那么让

li

显示为内联块，这应该给你你想要的。（）

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

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

@foreach（模型中的var employee.Employees）
{

}

---

然后使用CSS样式让你的列表看起来像你希望它使用的那样（没有要点，等等）。如果你让

ul

有一个固定的，并且每个

li

的内部都有1/3的宽度，那么让

li

显示为内联块，这应该给你你想要的。（）

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

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

@{var i=0；}
@foreach（模型中的var employee.Employees）
{
@{i++；}
@如果（i%3==2）
{


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

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

@{var i=0；}
@foreach（模型中的var employee.Employees）
{
@{i++；}
@如果（i%3==2）
{


}
}