Html 需要使用Razor语法跨越多行,不工作
下面是我的代码,上面写着rowspan=6——这是不起作用的:Html 需要使用Razor语法跨越多行,不工作,html,css,razor,Html,Css,Razor,下面是我的代码,上面写着rowspan=6——这是不起作用的: <table> <thead> <tr> <td>Ingredient</td> <td>Qty (gm)</td> <td>
<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;">
让我知道这是否有帮助