位置：首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

設置跨行rowspan HTML

提問人：劉團圓發(fā)布時間：2020-11-11
如果要對表格使用行合并，也就是讓同一列上的不同行上的幾個單元格合并為一個單元格，那么要找到被合并的單元格中處于最上面的那個單元格，并加上rowspan屬性，然后將其他行中對應的其他單元格的標記刪除掉。

<td rowspan="#">

語法說明：#指要合并的單元格總數(shù)。

 本例是應用表格的行合并，頁面有一個三行四列的表格，其中第一列上的第一行和第二行的兩個單元格要被合并為一個單元格。

代碼如下：

<!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

繼續(xù)查找其他問題的答案？

相關視頻回答
回復(0)
返回頂部