跨越列或行

表格單元格可以使用 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> 的當前位置延伸到最後一列。