我想創建一個嵌套的表格或表格行

Question

當我使用嵌套<table>或嵌套<tr>，我不能創建一個這樣的列。誰能幫我 ？？？？。 這張照片正是我想要的。

Answer 1

您需要使用HTML colspan和rowspan屬性。

HTML

<table> 
    <tr> 
     <td colspan="2"></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td colspan="2"></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td rowspan="2"></td> 
     <td rowspan="2"></td> 
     <td rowspan="2"></td> 
     <td rowspan="2"></td> 
    </tr> 
    <tr> 
     <td colspan="2"></td>   
    </tr> 
</table> 

CSS

table { 
    width: 100%; 
} 

td { 
    width: 100px; 
    height: 50px; 
} 

DEMO：http://jsfiddle.net/04yjcL2e/1/

更多有關colspan和rowspan看到這個帖子：

• How do you use colspan and rowspan in HTML tables?