表rowspan和colspan問題

Question

在用rowspan和colspan查看錶結構時，我在兩個有趣的實例上跺腳。

查看jsfiddle

第一個表應該有三個行，但最後一行停留在第二排。雖然我知道這是固定的，如果我將bottom rowspan更改爲1而不是2，爲什麼它不以這種方式工作？

<table border="1"> 
    <tr> 
     <td rowspan="3">3</td> 
     <td>1</td> 
     <td>1</td> 
     <td>1</td> 
    </tr> 
    <tr> 
     <td rowspan="2">2</td> 
     <td rowspan="2">2</td> 
     <td rowspan="2">2</td> 
    </tr> 
    <tr> 
     <td colspan="4">bottom</td> 
    </tr> 
</table> 

第二個表應該有一個底部邊框，但不顯示一個。再次，我意識到底部行和左邊的框會在左邊的行跨度爲2，底部行的行跨度爲1，但是我想知道爲什麼它不像我在jsfiddle中展示的那樣工作。

<table border="1"> 
    <tr> 
     <td rowspan="3">3</td> 
     <td>1</td> 
     <td>1</td> 
     <td>1</td> 
    </tr> 
    <tr> 
     <td rowspan="2">2</td> 
     <td rowspan="2">2</td> 
     <td rowspan="2">2</td> 
    </tr> 
</table> 

Answer 1

該第一表的格式不正確，因爲所有從上面列的具有行跨度> 1.第三行沒有留在其中增加一個單元列，但你必須列跨度= 4。

第二個表的格式不正確，因爲第二行中的所有列都有rowspan> 1，因此沒有最終行和沒有下邊框。