1. 程式人生 > >HTML中表格width和height具體用法

HTML中表格width和height具體用法

   在對一整個網頁進行框架設計時可能會用到表格的巢狀用法,其中要求對width和height屬性值個人覺得比較重要.

<table>標籤

width:在table中用來設定寬度的最大值,不能改變即使字數超過也不能改變但如果插入圖片則會根據圖片大小改變寬度
height:與width相反,設定高度最小值,而且會根據字數多少而自動延伸,當內容沒有達到此高度值會自動擴充。

<tr>標籤

width:因為<table>中的width不能改變,所以在tr標籤中width設定不起作用。
height:在<tr>中的height的設定和其他幾個設定也有關,當幾個<tr>都設定了height的具體數值時,各個<tr>的height按照設定的值的比例來分配總的height值

,當幾個<tr>都沒有設定height具體值時,平均分配總的height值。遵循:先保證各個<tr>的基本需要,剩下的再滿足設定了具體值的<tr>,之後再全部給沒有設定具體值的<tr>還要考慮總的寬度不夠tr總的設定值的情況,不夠的話要滿足tr的基本需要,這裡會自動延長表格的height的。然後再考慮設定了heightr的tr,最後考慮沒有設定height的tr。

<td>標籤:

width:和它所處的一整列的width都有關,取最大的width作為標準。全部是預設的情況下,各<td>的width不是平均分配,而是根據各自的實際內容按比例分配。
height

:和它所處的一整列的height都有關,取最大的height作為標準。<td>的height和<tr>的height之間的關係:根據內容的需要,再根據設定的值來確定,哪個設定的值大就按照哪個,如果一個設定了值一個沒有設定值,那麼按照設定值的算。