横跨两列 /行的单元格：

最新推荐文章于 2022-09-30 12:25:46 发布

转载最新推荐文章于 2022-09-30 12:25:46 发布 · 1.3k 阅读

文章标签：

#html5

html5 专栏收录该内容

9 篇文章

订阅专栏

本文通过两个示例展示了如何在HTML中实现表格单元格的合并，包括横跨两列和横跨两行的合并方法。

<html>

<body>

<h4>横跨两列的单元格：</h4>
<table border="1">
<tr>
  <th>姓名</th>
  <th colspan="2">电话</th>
</tr>
<tr>
  <td>Bill Gates</td>
  <td>555 77 854</td>
  <td>555 77 855</td>
</tr>
</table>

<h4>横跨两行的单元格：</h4>
<table border="1">
<tr>
  <th>姓名</th>
  <td>Bill Gates</td>
</tr>
<tr>
  <th rowspan="2">电话</th>
  <td>555 77 854</td>
</tr>
<tr>
  <td>555 77 855</td>
</tr>
</table>

</body>
</html>