設置跨列colspan HTML
如果要對表格使用列合并,也就是讓同一行上的不同列上的單元格合并為一個單元格,那么要找到被合并的幾個單元格中處于最左側的那個單元格,并加上colspan屬性,在同一行中的其他單元格的標記要刪除掉。
基本語法:
<td colspan="#">
語法說明:#代表要合并的單元格個數。
本例是應用表格的列合并,頁面有一個三行四列的表格,其中第一行上的第二列和第三列的兩個單元格要被合并為一個單元格。
代碼如下:
<!DOCTYPE html>
<html>
<head>
<title>列合并表格</title>
</head>
<body>
<table border="1">
<caption>列合并</caption>
<tr>
<td> A00</td>
<td colspan="2">A01A02</td>
<td>A03</td>
</tr>
<tr>
<td>B10</td>
<td>B11</td>
<td>B12</td>
<td>B13</td>
</tr>
<tr>
<td>C20</td>
<td>C21</td>
<td>C22</td>
<td>C23</td>
</tr>
</table>
</body>
</html>
點擊加載更多評論>>