日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 > 前端技术 > HTML >内容正文

HTML

HTML 表格中的行合并与列合并

發布時間：2023/12/13 HTML 34 豆豆
生活随笔 收集整理的這篇文章主要介紹了 HTML 表格中的行合并与列合并 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

colspan是橫向合并；rowspan是縱向合并。
colspan是“column span（跨列）”的縮寫。colspan屬性用在td標簽中，用來指定單元格橫向跨越的列數：

單元格1
單元格2 單元格3 單元格4

該例通過把colspan設為“3”, 令所在單元格橫跨了三列。如果我們將colspan設為“2”，則該單元格將只跨越兩列，于是有必要在第一行插入另外一個單元格，以確保兩行占據相同的列數。



該例在瀏覽器中將顯示如下：
單元格1 單元格2
單元格3 單元格4 單元格5

rowspan的作用是指定單元格縱向跨越的行數。


瀏覽器中將顯示如下：
單元格1 單元格2
單元格3
單元格4

上例中的單元格1，其rowspan被設為“3”，這表示該單元格必須跨越三行（本身一行，加上另外兩行）。因此，單元格1和單元格2在同一行，而單元格3和單元格4形成獨立的兩行。
?
?
綜合實例
ss
? ? ? ?
? ? ? ?
? ? ?
? ?
? ?

<html>
<head>
</head>
<table border= "1 " ? width= "200 " >
? ? ?<tr>
? ? ? ? <td colspan="4" ?>ss
? ? ? ? </td>
? ? ?</tr>
? ? ?<tr>
? ? ? ? <td ? width= "25% "> 　 </td> ?
? ? ? ? <td ? width= "25% "> 　 </td> ?
? ? ? ? <td ? width= "25% "> 　 </td> ?
? ? ? ? <td ? width= "25% "> 　 </td>?
? ? ?</tr>
? ? ?<tr>
? ? ? ? <td ? width= "25% "rowspan="2"> 　 </td> ?
? ? ? ? <td ? width= "25% "> 　 </td> ?
? ? ? ? <td ? width= "25% "> 　 </td> ?
? ? ? ? <td ? width= "25% "> 　 </td>?
? ? ?</tr>
? ? ?<tr>
? ? ? ? <td ? width= "25% "> 　 </td> ?
? ? ? ? <td ? width= "25% " rowspan="3"> 　 </td> ?
? ? ? ? <td ? width= "25% "> 　 </td>?
? ? ?</tr>
? ? ?<tr>
? ? ? ? <td ? width= "25% " colspan="2" ?> 　 </td> ?
? ? ? ? <td ? width= "25% "> 　 </td> ?


? ? ?</tr>
? ? ?<tr>
? ? ? ? <td ? width= "25% "> 　 </td> ?
? ? ? ? <td ? width= "25% "> 　 </td> ?
? ? ? ? <td ? width= "25% "> 　 </td> ?
? ? ?</tr>
</table>
</html>

總結

以上是生活随笔為你收集整理的HTML 表格中的行合并与列合并的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。