Utwórz <td> rozpiętości całego rzędu w tabeli

Question

Nie jestem nowy w HTML, ale nie dotknął go przez jakiś czas i spotkałem irytujący problem.

Mam stół z dwoma rzędami.
Chcę, aby pierwszy wiersz miał jedną kolumnę - oznacza, że ​​będzie obejmował cały wiersz, a ja chcę, aby drugi wiersz miał trzy kolumny, z których każda stanowi 33,3% szerokości wiersza.

Mam ten kod dla tabeli:

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

Ale co się dzieje, jest dziwne, pierwszy wiersz ma jedną kolumnę o tej samej wielkości jak pierwszej kolumnie w drugim rzędzie, a ilekroć zmienić jeden z nich, to także zmienia drugi.

Jeśli podaję pierwszy wiersz <td>, wartość szerokości 500px powiedzmy, że ustawia pierwszy wiersz drugiego rzędu <td> na ten sam rozmiar.

Co robię źle?

Answer 1

Należy użyć atrybutu colspan na td w pierwszym rzędzie.
Colspan="3" spowoduje, że komórka będzie przepływać przez 3 kolumny.

<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

Można użyć colspan

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

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

Answer 3

chcesz użyć atrybutu colspan takiego:

<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

Korzystanie colspan tak:

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

Przez colspan scalić następujące komórki w rząd do jednego. Jeśli użyjesz 2 w swojej próbce, otrzymasz jedną komórkę o szerokości dwóch pierwszych kolumn, a trzecia będzie trzecią w pozostałej części tabeli.

Answer 5

zmienić pierwszy wiersz z poniżej

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