MVC 3 - 行

Question

我有我显示，像这样的集合项目集合显示：

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

这只是显示在一个长排的一切。我想以3行的形式显示集合，以便显示3个项目，中断到新行，显示接下来的3个项目，另一个中断到新行，等等。

有没有简单的方法来做到这一点？

Answer 1

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

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

然后使用CSS样式让你的列表中查找你想要的，如果你让ul有固定与使用（没有要点等），每个li各自的内部具有的宽度1/3，然后使li显示为内联块，这应该给你你想要的。 （jsfiddle）

Answer 2

这与MVC无关，这是一个HTML问题。您需要呈现HTML以使其达到您想要的效果。查看呈现的输出。

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

Answer 3

不使用CSS，这是一个简单的方法来做到这一点。

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