html 表格 colspan rowspan

最新推荐文章于 2024-08-14 12:55:09 发布

xtf__moji

最新推荐文章于 2024-08-14 12:55:09 发布

阅读量419

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/GoOnDrift/article/details/106637187

版权

本文介绍了HTML表格中colspan和rowspan属性的使用，这两个属性用于合并单元格，实现表格的复杂设计。colspan用于列合并，rowspan用于行合并，常见应用包括简历和详细信息展示。通过它们的灵活运用，可以创建出高度定制化的表格布局。

摘要由CSDN通过智能技术生成

colspan，表示列单元格合并，rowspan = 2，表示合并2个单元格。

rowlspan，表示横向单元格合并。

用处非常多：表示简历，详细信息等。

可以无限嵌套，设计出非常复杂的表格。

<html>
<body>

<table width="100%" border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
    <th>Savings for holiday!</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
    <td rowspan="2">$50</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>

</body>
</html>