跨越列或行

表格单元格可以使用 colspanrowspan 属性跨越多个列或行。这些属性可以应用于 <th><td> 元素。

<table>
    <tr>
        <td>row 1 col 1</td>
        <td>row 1 col 2</td>
        <td>row 1 col 3</td>
    </tr>
    <tr>
        <td colspan="3">This second row spans all three columns</td>
    </tr>
    <tr>
        <td rowspan="2">This cell spans two rows</td>
        <td>row 3 col 2</td>
        <td>row 3 col 3</td>
    </tr>
    <tr>
        <td>row 4 col 2</td>
        <td>row 4 col 3</td>
    </tr>

</table>

会导致
http://i.stack.imgur.com/voMBJ.jpg

请注意,你不应该设计一个行和列重叠的表,因为这是无效的 HTML,并且不同的 Web 浏览器会以不同的方式处理结果。

rowspan =一个非负整数,指定单元格跨越的行数。此属性的默认值为 1(1)。值为零(0)意味着单元格将从当前行延伸到表格的最后一行(<thead><tbody><tfoot>)。

colspan =一个非负整数,指定当前单元格跨越的列数。此属性的默认值为 1(1)。值为零(0)意味着单元格将从定义单元格的列组 <colgroup> 的当前位置延伸到最后一列。