二维码
搜索 ×

HTML 表格 colspan 和 rowspan

HTML 表格可以包含跨越多行和/或多列的单元格。

HTML 表格 - Colspan

若要使单元格跨越多个列，请使用以下属性：colspan

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<table>  
  <tr>  
    <th colspan="2">Name</th>  
    <th>Age</th>  
  </tr>  
  <tr>  
    <td>Jill</td>  
    <td>Smith</td>  
    <td>43</td>  
  </tr>  
  <tr>  
    <td>Eve</td>  
    <td>Jackson</td>  
    <td>57</td>  
  </tr>  
</table>

注意： 该属性的值表示要跨越的列数。colspan

HTML 表格 - Rowspan

若要使单元格跨越多行，请使用以下属性：rowspan

1
2
3
4
5
6
7
8
9
10
11
12
13
<table>  
  <tr>  
    <th>Name</th>  
    <td>Jill</td>  
  </tr>  
  <tr>  
    <th rowspan="2">Phone</th>  
    <td>555-1234</td>  
  </tr>  
  <tr>  
    <td>555-8745</td>  
</tr>  
</table>

注意： 该属性的值表示 要跨越的行。rowspan