css - 如何使用 Asp.Net MVC Razor 语法通过循环连续显示 3 个元素

Question

我遇到了一个场景，我想连续显示 3 个元素。我成功地连续显示了 2 个元素。我试过了，但无法连续显示 3 个元素。在这方面的任何帮助将不胜感激。

这是我试过的代码片段

    @model  IList<MvcApplication1.tblTest>
   @{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
    }

    <h2>Displaying three items(products) in a row</h2>

    <div style="display: inline-block">

    @for (var i = 0; i < Model.Count(); i++)
    {

        <div style="display: inline-block">

            <div> @Model[i].testId</div>
            <div>@Model[i].testName</div>      
            <div>@Model[i].testDescription</div> 

        </div>   

        if (i% 3 == 1)
        {
        <br />
        }
    }
</div>

Answer 1

尝试 i%3 ==2

@model  IList<MvcApplication1.tblTest>
   @{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
    }

    <h2>Displaying three items(products) in a row</h2>

    <div style="display: inline-block">

    @for (var i = 0; i < Model.Count(); i++)
    {

        <div style="display: inline-block">

            <div> @Model[i].testId</div>
            <div>@Model[i].testName</div>      
            <div>@Model[i].testDescription</div> 

        </div>   

        if (i% 3 == 2)
        {
        <br />
        }
    }
</div>