控制表格中各行的高度

我在cshtml页面中使用了一个表格。我有以下要求控制表格中各行的高度

该表将有两行
此表应采取chstml页的所有空间（以双赢的形式来看，它应该停靠于母公司）
第一行conatins一个TextBox说应该占用第一排的所有空间。
第二行将包含一个标签。
第一行会采取90％的台面高度，而第二排的将采取表高度的10％

我非常新手与TR和TD等。下面是我的出发点，任何帮助将是非常感激。

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

来源

2011-12-21 palm snow

可以控制行的高度与细胞的高度。我会推荐使用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>

来源

2011-12-21 15:36:40 Robert

它似乎并没有做＃2我 – 2011-12-21 15:40:57

你的意思是不是将其设置为高度的10％。然后你可以设置它，我修改了答案。 – Robert 2011-12-21 16:08:52

不意味着它不满足我原来的问题要求＃2（这个表格应该占用chstml页面的所有空间（以win-forms的形式，它应该停靠在父项上）） – 2011-12-21 16:10:11

控制表格中各行的高度

回答

相关问题