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