Skip to content

Latest commit

 

History

History
86 lines (70 loc) · 1.77 KB

File metadata and controls

86 lines (70 loc) · 1.77 KB

HTML colspan 属性

定义和用法

colspan 属性定义了一个表格单元格应该跨越的列数。

适用于

colspan 属性可用于以下元素:

元素 Element 属性 Attribute
<td> colspan
<th> colspan

示例

Td 示例

一个包含跨两列的表格单元格的 HTML 表格:

<style>
  table, th, td { border: 1px solid black; border-collapse: collapse; }
</style>
<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$100</td>
  </tr>
  <tr>
    <td colspan="2">Sum: $180</td>
  </tr>
</table>

Th 示例

一个包含跨两列的标题单元格的 HTML 表格:

<style>
  table, th, td { border: 1px solid black; border-collapse: collapse; }
</style>
<table>
  <tr>
    <th colspan="2">Monthly Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>

浏览器支持

colspan 属性对每个元素都有以下浏览器支持:

元素 Element chrome edge firefox safari opera
<td> Yes Yes Yes Yes Yes
<th> Yes Yes Yes Yes Yes