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

設(shè)置跨行rowspan HTML

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

<td rowspan="#">

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

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

代碼如下：

<!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ù)查找其他問題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部