html表格合併儲存格的方法

html表格合併單元格的方法

#html中，colspan屬性是合併列，rowspan屬性是合併行，合併行的時候，例如rowspan="2"，它的下一行tr會少一列；合併列的時候colspan="2"，此行的列會少一列。

推薦學習：html教學

程式碼示範：

<table border="1" style={{margin:200}}>
    <tbody>  
        <tr>    
            <th colspan="2">我是占位符</th>   
            <th colspan="2">我是占位符</th>  
        </tr>  
        <tr>    
            <th rowspan="2">我是占位符</th>    
            <th>我是占位符</th>    
            <th>我是占位符</th>    
            <th>我是占位符</th>  
        </tr>  
        <tr>    
            <th>我是占位符</th>    
            <th>我是占位符</th>

            <th>我是占位符</th>  
        </tr>
    </tbody>    

</table>

擴充資料：

rowspan規定表頭儲存格應該橫跨的行數。注意： rowspan="0" 告知瀏覽器將儲存格橫跨到表格元件中的最後一個行（thead、tbody 或 tfoot）。

以上是html表格合併儲存格的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！