控制表中各行的高度

Question

我在cshtml页面中使用了一个表。我有以下要求

1. 此表格有两行
2. 此表应占用chstml页面的所有空间（在win-forms术语中它应该停靠在父级）
3. 第一行包含一个TextBox，它应该占用第一行的所有空格。
4. 第二行将包含标签。
5. 第一行占据桌面高度的90％，而第二行占桌面高度的10％

我非常喜欢tr和td等。以下是我的起点，任何帮助都将不胜感激。

<table >
    <tr>
        <td >
            @Html.TextBoxFor( m => m.Description)
        </td>
    </tr>
    <tr>
        <td>
            @Html.LabelFor( m => m.SomeThing)
        </td>
    </tr>
</table>

Answer 1

您可以使用单元格的高度控制行的高度。我建议使用CSS来控制它，但你也可以内联它。允许浏览器控制表的高度是最佳做法，然后只需将第一行的高度设置为90％，表应该是它所在区域的100％，然后第二行只占10％的桌子。这应该有效：

 <div style="height:100%">
   <table>
    <tr>
        <td style="height:90%">
            @Html.TextBoxFor( m => m.Description)
        </td>
    </tr>
    <tr>
        <td style="height:10%">
            @Html.LabelFor( m => m.SomeThing)
        </td>
    </tr>
  </table>
 </div>