HTML表格與rowspan和colspan沒有按預期對齊

Question

我一直在用我的大腦囤積了一段時間，而沒有找到我遇到過的一個修復程序，所以我幫助了我，因此我現在正在尋求一些幫助。

我有一個表，它是由應該以特定方式組合的行對集合構成的。以下是我一直使用的html結構。

<table border=1> 
 
    <tr> 
 
     <td rowspawn="2">a</td> 
 
     <td rowspawn="2">b</td> 
 
     <td rowspawn="2">c</td> 
 
     <td>d</td> 
 
     <td>e</td> 
 
     <td>f</td> 
 
     <td rowspawn="2">g</td> 
 
     <td rowspawn="2">h</td> 
 
    </tr> 
 
    <tr> 
 
     <td colspan="3">def</td> 
 
    </tr> 
 
</table>

我的理解是，這些細胞「d」「E」「F」應該有細胞「高清」直屬，但我有以下JSFiddle。

我相信我應該看到這樣的事情

------------- 
| d | e | f | 
------------- 
| def  | 
------------- 

這沒有任何意義，我，所以任何幫助將不勝感激。 謝謝。

Answer 1

你只要有一個錯誤在 「rowspawn」（它的 「行跨度」）

<table border=1> 
 
    <tr> 
 
     <td rowspan="2">a</td> 
 
     <td rowspan="2">b</td> 
 
     <td rowspan="2">c</td> 
 
     <td>d</td> 
 
     <td>e</td> 
 
     <td>f</td> 
 
     <td rowspan="2">g</td> 
 
     <td rowspan="2">h</td> 
 
    </tr> 
 
    <tr> 
 
     <td colspan="3">def</td> 
 
    </tr> 
 
</table>