跨越列或行

表格单元格可以使用 colspan 和 rowspan 属性跨越多个列或行。这些属性可以应用于 <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> 的当前位置延伸到最后一列。