控制表格中各行的高度

我在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

控制表格中各行的高度

回答

相關問題