rowspan屬性怎麼使用-html教學-PHP中文網

rowspan屬性怎麼使用

不言

發布： 2019-02-12 13:19:12

原創

17516 人瀏覽過

HTML中的rowspan屬性指定單元格應跨越的行數。也就是說，如果一行跨越兩行，則表示它將佔用該表中兩行的空間。它允許單一表格儲存格跨越多個儲存格或行的高度。 rowspan屬性與Excel中的電子表格的「合併儲存格」有相同的功能。

rowspan屬性怎麼使用

rowspan屬性可以與HTML表中的和元素一起使用。

rowspan屬性與

標籤一起使用時，rowspan屬性決定了它應跨越的標準單元格數。
當rowspan屬性與
標籤一起使用時，rowspan屬性決定它應該跨越的標題單元格的數量。
下面我們來看具體的範例

與標籤一起使用
程式碼如下
<!DOCTYPE rowspan屬性怎麼使用> <rowspan屬性怎麼使用> <head> <title>HTML rowspan</title> <style> table, th, td { border: 1px solid black; border-collapse: collapse; padding: 6px; } </style> </head> <body style = "text-align:center"> <table> <tr> <th>Name</th> <th>Age</th> </tr> <tr> <td>Tom</td>  <td rowspan="2">24</td> </tr> <tr> <td>Marry</td> </tr> </table> </body> </rowspan屬性怎麼使用>
登入後複製
效果如下
與標籤一起使用時
程式碼如下

<!DOCTYPE rowspan屬性怎麼使用> <rowspan屬性怎麼使用> <head> <title>HTML rowspan</title> <style> table, th, td { border: 1px solid black; border-collapse: collapse; padding: 6px; } </style> </head> <body style = "text-align:center"> <table> <tr> <th>Name</th> <th>Age</th>  <th rowspan="3">php中文网</th> </tr> <tr> <td>Tom</td> <td>24</td> </tr> <tr> <td>Marry</td> <td>25</td> </tr> </table> </body> </rowspan屬性怎麼使用>
登入後複製
效果如下

這篇文章到這裡就全部結束了，更多前端精彩內容大家可以關注php中文網相關欄位教學！！！

以上是rowspan屬性怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！