Html 需要使用Razor语法跨越多行,不工作

Html 需要使用Razor语法跨越多行,不工作,html,css,razor,Html,Css,Razor,下面是我的代码,上面写着rowspan=6——这是不起作用的: <table> <thead> <tr> <td>Ingredient</td> <td>Qty (gm)</td> <td>

下面是我的代码,上面写着rowspan=6——这是不起作用的:

<table>
                <thead>
                    <tr>
                        <td>Ingredient</td>
                        <td>Qty (gm)</td>
                        <td>% of Capsule</td>
                    </tr>
                </thead>
                @foreach (var i in Model)
                {
                    if (Convert.ToDecimal(i.Qty) < 0)
                    {
                        <tr>
                            <td style="border: 1px solid red; color: red;">@i.Ingredient</td>
                            <td style="border: 1px solid red; color: red;">@i.Qty</td>
                        </tr>
                    }

                    else if (Convert.ToDecimal(i.Qty) == 0m)
                    {
                        continue;
                    }

                    else
                    {
                        if (i.Ingredient.Contains("Active"))
                        {
                        <tr>
                            <td>@i.Ingredient<br />
                                <input type="text" name="@i.Ingredient" id="@i.Ingredient" /></td>
                            <td>@i.Qty</td>
                            @if (i.Percent != 0m)
                            {
                                <td rowspan="6" style="text-align: center;">@i.Percent.ToString("#.##")</td>
                            }
                        </tr>
                        }
                        else
                        {
                        <tr>
                            <td>@i.Ingredient</td>
                            <td>@i.Qty</td>
                            @if (i.Percent != 0m)
                            {
                                <td style="text-align: center;">@i.Percent.ToString("#.##")</td>
                            }
                            else
                            {
                                <td></td>
                            }
                        </tr>
                        }
                    }
                }
                <tr>
                    <td></td>
                    <td>Total %:</td>
                    <td style="text-align: center;">@Model.Sum(j => j.Percent).ToString("#.##")</td>
                </tr>
            </table>
产生:


我需要将包含9.74的单元格与6行的中心对齐,如带有红色箭头的屏幕截图所示。我做错了什么?

行范围工作正常。值只需要垂直对齐

<td rowspan="6" style="vertical-align:center; text-align:center;">
让我知道这是否有帮助