2012-10-14 39 views
36

'Chiều cao' và 'chiều rộng' không được hỗ trợ trong HTML5. Làm thế nào tôi có thể thiết lập chiều rộng và chiều cao của td trong khi tuân theo tiêu chuẩn HTML5?Chiều rộng và chiều rộng của 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

Đối với mọi người HTML/javascript mà mã trong bố cục kiểu C LOL –

+0

Bạn nên sử dụng CSS – Zyga

+0

@Zyga Vì vậy, nếu tôi sử dụng CSS để gán giá trị chiều rộng và chiều cao, nó sẽ không xung đột với HTNL5 Tiêu chuẩn? –

Trả lời

63

Thuộc tính chiều rộng của <td> bị phản đối trong HTML 5.

Sử dụng CSS. ví dụ:

<td style="width:100px"> 

một cách chi tiết, như thế này:

<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

Cảm ơn! Tôi đạt được rồi! –

+0

Điều gì xảy ra nếu bạn cần vượt quá chiều rộng của trang? Ví dụ: chiều rộng của trang là 2000 và ô của bạn cần phải là 5000 như: –

+0

@IgorKrupitsky đặt bảng bên trong t div có css: overflow-x: scroll ; Sau đó, bạn sẽ nhận được thanh cuộn ngang – punkologist

1

Sau width làm việc tốt trong 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> 

Xin lưu ý rằng

  • thẻ TD là không có CSS Phong cách.
Các vấn đề liên quan