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

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?