2012-10-14 157 views
36

HTML5不支持'高度'和'寬度'。如何在符合HTML5標準的同時設置td的寬度和高度?HTML'td'寬度和高度

<!DOCTYPE html> 
<html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <title>219 班網</title> 
    </head> 

    <body bgcolor="silver"> 
    <div align="center"> 
     <table> 
     <tr> 
      <td width="1000" height="250"> 
      <object width="100%" height="100%" data="frameTop.html"></object> 
      </td> 
     </tr> 
     </table> 
     <table> 
     <tr> 
      <td width="300" height="700" > 
      <object width="100%" height="100%" data="frameLeft.html"></object> 
      </td> 
      <td width="700" height="700"> 
      <object width="100%" height="100%" data="frameRight.html"></object> 
      </td> 
     </tr> 
     </table> 
    </div> 
    </body> 
</html> 
+0

對任何HTML/JavaScript的人,該代碼是在C-式佈局LOL –

+0

您應該使用CSS – Zyga

+0

@Zyga所以,如果我使用CSS來指定寬度和高度值,它不會與HTNL5衝突標準? –

回答

63

<td>的寬度屬性在HTML 5.

使用CSS被棄用。 例如

<td style="width:100px"> 

詳細,就像這樣:

<table > 
    <tr> 
    <th>Month</th> 
    <th>Savings</th> 
    </tr> 
    <tr> 
    <td style="width:70%">January</td> 
    <td style="width:30%">$100</td> 
    </tr> 
    <tr> 
    <td>February</td> 
    <td>$80</td> 
    </tr> 
</table> 
+0

謝謝!我知道了! –

+0

如果您需要超出頁面寬度,該怎麼辦?例如,頁面的寬度爲2000,你的單元格需要爲5000: 1月 –

+0

@IgorKrupitsky把表格放在t div中,它具有css:overflow-x:scroll ; 然後,您將獲得一個水平滾動條 – punkologist

1

width在HTML5行之有效: -

<table > 
    <tr> 
    <th style="min-width:120px">Month</th> 
    <th style="min-width:60px">Savings</th> 
    </tr> 
    <tr> 
    <td>January</td> 
    <td>$100</td> 
    </tr> 
    <tr> 
    <td>February</td> 
    <td>$80</td> 
    </tr> 
</table> 

請注意,

  • TD標籤是沒有CSS樣式。