MVC Razor,以特定顺序显示数据

时间:2016-11-21 17:03:53

标签: html css asp.net-mvc razor

我有一个MVC视图,我需要以某种格式显示DATA,下面的示例是字母,数字值与该字母相关联。它需要自上而下,分为2个不同的列。如附图所示,它是按字母顺序排列的,然后当它的一半需要从下一列第1行开始。

enter image description here

这将是局部视图,并与几个不同的结果集一起使用。绝对不能硬编码。

我现在没有任何代码,因为我既可以使用表格,也可以只使用一些Spans。接受建议。

我曾想过将数组拆分成两半,然后逐个循环遍历每个数组,但想知道是否有更好的方法。

提前致谢!!

1 个答案:

答案 0 :(得分:0)

根据您的HTML结构(由于您没有显示它很难说明),您可以使用css column-count

.yourElement
{
    column-count:2;
}

除此之外,将数组分成两半并不是一个坏主意,我想它取决于长度。