我想创建一个嵌套的表格或表格行

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?