首頁 > web前端 > html教學 > html表格合併儲存格的方法

html表格合併儲存格的方法

angryTom
發布: 2020-02-11 17:38:04
原創
21521 人瀏覽過

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>
登入後複製

html表格合併儲存格的方法

擴充資料:

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

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板