将一维数组显示为行和列

Question

我有一个由品牌名称组成的一维数组，并希望以列大小固定为“3”并且行号随着数组大小的增长而扩展的格式显示它。比如数组中有11个品牌，我想这样显示；

X X X
X X X
X X X
X X

这是我尝试实现所需逻辑的嵌套 for 循环：

int brandCount = Model.CampainBrands.Count();
int colLength = brandCount < 3 ? brandCount : 3; // Toplam marka sayısının 3'ün altında olması durumunu güvenceye alır
int rowLength = brandCount / colLength + (brandCount % colLength != 0 ? 1 : 0);
int counter = 0;
for (int i = 0; i < rowLength; i++)
{
    <div class="row">
    @for (int j = 0; j < colLength && counter < brandCount; j++, counter++)
    {   
        var item = Model.CampainBrands[counter];
        <div class="col-md-4">
            <a href="@Url.Action("List","Campain",new {brandCode = item.Code})">
                <div class="card" style="width: 5rem;">
                    <img class="card-img-top" src="@item.ImageUrl" height="60px" width="60px" />
                    <div class="card-body">
                        <p class="card-text">@item.Name</p>
                    </div>
                </div>
            </a>
        </div>
    }
    </div>
}

有没有办法改进这个算法？谢谢。

Answer 1

这样的？

var numbers = Enumerable.Range(1, 11).ToList();
const int rowlength = 3;

for (int i=0; i<numbers.Count; i=i+rowlength)
{
    Console.Write("<tr>");
    for (int j=i; j<numbers.Count && j<i+rowlength; j++)
    {
        Console.Write(numbers[j] + " ");    
    }
    Console.WriteLine("</tr>");
}

外部循环（“i”）一次循环遍历列表 3，并且应该在行周围添加“tr”标签。

内部循环（“j”）使用列表的下 3 个项目，除非剩余的项目不够。这些将是“td”项目。