Tạo một <td> kéo dài toàn bộ hàng trong một bảng

Question

Tôi không phải là người mới sử dụng HTML nhưng chưa chạm vào nó trong một thời gian tốt và tôi đã gặp phải một vấn đề khó chịu.

Tôi có một bảng có hai hàng.
Tôi muốn hàng đầu tiên có một cột - có nghĩa là nó sẽ kéo dài toàn bộ hàng và tôi muốn hàng thứ hai có ba cột, mỗi cột có 33,3% chiều rộng của hàng.

Tôi có mã này cho bảng:

<table width="900px" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
     <td align="center">check</td> 
    </tr> 
    <tr> 
     <td align="center">check</td> 
     <td align="center">check</td> 
     <td align="center">check</td> 
    </tr> 
</table> 

Nhưng những gì xảy ra là kỳ lạ, dòng đầu tiên có một cột với kích thước tương tự như cột đầu tiên hàng thứ hai, và bất cứ khi nào tôi thay đổi một trong số họ, nó cũng thay đổi cái kia.

Nếu tôi cung cấp cho hàng đầu tiên <td> giá trị chiều rộng 500px cho phép nói, nó đặt hàng đầu tiên thứ hai là <td> với cùng kích thước.

Tôi đang làm gì sai?

Answer 1

Bạn nên sử dụng colspan thuộc tính trên td hàng đầu tiên của.
Colspan="3" sẽ đặt ô lưu lượng trên 3 cột.

<table width="900px" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
     <td align="center" colspan="3">check</td> 
    </tr> 
    <tr> 
     <td align="center">check</td> 
     <td align="center">check</td> 
     <td align="center">check</td> 
    </tr> 
</table> 

Answer 2

Bạn có thể sử dụng colspan

<td align="center" colspan="3">check</td> 

http://www.w3schools.com/tags/att_td_colspan.asp

Answer 3

Bạn muốn sử dụng các thuộc tính colspan như thế này:

<table width="900px" border="0" cellspacing="0" cellpadding="0"> 
 
    <tr> 
 
     <td align="center" colspan="3">check</td> 
 
    </tr> 
 
    <tr> 
 
     <td align="center" >check</td> 
 
     <td align="center">check</td> 
 
     <td align="center">check</td> 
 
    </tr> 
 
</table>

Answer 4

Sử dụng colspan như thế này:

<tr> 
     <td align="center" colspan="3">check</td> 
    </tr> 

By colspan bạn hợp nhất các tế bào sau đây trong một hàng. Nếu bạn sử dụng 2 trong mẫu của bạn, bạn nhận được một ô có chiều rộng của hai cột đầu tiên và cột thứ ba là cột thứ ba trong phần còn lại của bảng.

Answer 5

thay đổi hàng đầu tiên với dưới

<tr> 
    <td colspan="3" align="center">check</td> 
</tr>