在html頁面中, table表格利用仍是比力頻仍的, 可是, 現實的列表中, 行列凡是不會那么法則的展示, 凡是需要歸并行或者歸并列
需要這些哦
visual studio code
方式/
1【合并行使用和合并列分別使用什么屬性】歸并行利用rowspan, 歸并列利用colspan來進行table行列歸并

2利用visual studio code編纂東西, 新建一個html頁面, 添加html5的頁面根基布局
4前端頁面開辟東西 - VSCode的下載與安裝

3在body規模中添加一個table, 此處僅做演示, 直接在table中添加tr, 未添加thead、tbody 。 并為表格添加css邊框樣式

4利用瀏覽器打開這個測試頁面, 運行可以看到默認的table樣子, 此時還沒有歸并行或者列

5利用rowspan進行單位格的行歸并, 此處將第一行第一列設置rowspan=2, 那么, 第一行第一列半斤八兩于就占有第一、二行的第一列, 即占用了兩個單位格位置, 所以, 下一行就需要注釋失落一個單位格

6在瀏覽器中打開這個測試頁面, 就可以看到第一列進行了行歸并

7利用colspan進行單位格的列歸并, 此處將第一行的第三、四列歸并, 在第三列中利用colspan=2, 同時注釋失落第四列即可

8在瀏覽器中打開這個測試頁面, 就可以看到第一行的第三四列歸并了

以上內容就是合并行使用和合并列分別使用什么屬性的內容啦, 希望對你有所幫助哦!
猜你喜歡
- 什么是Excel超級表?如何使用?
- 保溫杯泡茶的危害 保溫杯泡茶好不好
- 微信強提醒功能怎么設置、如何打開使用
- C4D使用技巧 克隆對象,改變某個對象的屬性
- DNF手游電腦版使用方式及按鍵設置
- 個人所得稅的APP怎么使用
- C4問題處理 縫合出現亂面等問題
- 得物怎么注銷賬號
- 得物怎么切換賬號
- ueditor 使用教程
