HTML 表格跨列与跨行

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

NAME  
     
     
     
     
APRIL    
   
   
     
     
2022
     
FIESTA  
 
     

HTML 表格 - 跨列

要使一个单元格横跨多个列，请使用 colspan 属性：

实例

<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 属性：

实例

<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 属性的值表示要横跨的行数。