位置:首頁(yè) > 軟件操作教程 > 編程開(kāi)發(fā) > HTML > 問(wèn)題詳情

設(shè)置跨行rowspan HTML

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

<td rowspan="#">

語(yǔ)法說(shuō)明:#指要合并的單元格總數(shù)。

 本例是應(yīng)用表格的行合并,頁(yè)面有一個(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ù)查找其他問(wèn)題的答案?

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