html - MVC Razor,按特定顺序显示显示数据

标签 html css asp.net-mvc razor

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

enter image description here

这将在局部 View 中并用于几个不同的结果集。绝对不能硬编码。

我现在没有任何代码,因为我可以使用表格或仅使用一些 Span。接受建议。

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

提前致谢!

最佳答案

根据您的 HTML 结构(很难说,因为您没有显示),您可以使用 css column-count:

.yourElement
{
    column-count:2;
}

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

关于html - MVC Razor,按特定顺序显示显示数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40725554/

相关文章:

html - 使链接与上面的图像具有相同的宽度

php - 如何使用数据库中的数据自动填充文本框?

html - 为什么根据不透明度改变位置

c# - 在 MVC 4 网站上持续运行后台进程

asp.net-mvc - MVC - 如何在整个应用程序中实例化、存储和使类型化变量可用,每次页面 View 一次

javascript - 如何将 mouseposition 设置为元素中心的 0,0 ?

javascript - 单击按钮时旋转 CSS 卡

javascript - 在 Canvas 中定位模态对话框

asp.net-mvc - 在 Razor 内联 IF 中显示括号

javascript - 购物篮项目未在模式弹出窗口内更新