位置:首页 > 软件操作教程 > 编程开发 > HTML > 问题详情

设置跨行rowspan HTML

提问人:刘团圆发布时间:2020-11-11
如果要对表格使用行合并,也就是让同一列上的不同行上的几个单元格合并为一个单元格,那么要找到被合并的单元格中处于最上面的那个单元格,并加上rowspan属性,然后将其他行中对应的其他单元格的标记删除掉。

<td rowspan="#">

语法说明:#指要合并的单元格总数。

 本例是应用表格的行合并,页面有一个三行四列的表格,其中第一列上的第一行和第二行的两个单元格要被合并为一个单元格。

代码如下:

<!DOCTYPE html>

<html>

   <head>

      <title>行合并表格</title>

   </head>

   <body>

      <table border="1">

      <caption>行合并</caption>

              <tr>

                  <td rowspan="2">A00B10</td>

                  <td>A01</td>

                  <td>A02</td>

                  <td>A03</td>

              </tr>

              <tr>

                  <td>B11</td>

                  <td>B12</td>

                  <td>B13</td>

              </tr>

              <tr>

                  <td>C20</td>

                  <td>C21</td>

                  <td>C22</td>

                  <td>C23</td>

              </tr>

         </table>

   </body>

</html>

image.png

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部