Skip to main content
 首页 » 编程设计

c#之MVC 3之按行显示项目集合

2024年02月23日34powertoolsteam

我有一个要展示的收藏,如下所示:

@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 样式让您的列表看起来像您希望的那样使用(没有要点等)/code> 里面的每一个都有 1/3 的宽度,然后让 li 显示为内联 block ,这应该会给你你想要的东西。 ( jsfiddle )