Question

我正在尝试使用razor编码动态弹出一个表。在表中我想动态地给出高度。这是我的代码：

@foreach (var page in Model.Content.AncestorOrSelf(2).Children)
                {
                    var number = Model.Content.AncestorOrSelf(2).Children.Count();
                    var percent = 100/number;
                    <tr style="width: 100%; height:percent %;">
                        <td>
                            <a href="@page.Url">
                               @page.Name
                            </a>
                        </td>
                    </tr>
                }

从上面的代码中可以看出，我在计算model.content中的子项数，然后填充表。我的要求是，如果 2个孩子，高度应该是50％，如果有3个孩子，高度应该是33％，依此类推。我写了一个剃刀代码来计算百分比值，但我无法弄清楚如何在height属性中保持相同。谁有人建议？

Answer 1

试试这个：

 var percent = (100/number).ToString() + "%";
 @:<tr style="width: 100%; height:@percent;">

Answer 2

试试这个

String calculated = "width: 100%; height:percent '" + 10 + "';";
<tr style=@Html.Raw(calculated)>
                    <td>
                        <a href="@page.Url">
                           @page.Name
                        </a>
                    </td>
                </tr>


@Html.Raw() can be Used to render string as html.

如何在css中给出动态高度

2 个答案: