H5(html)：table表格 合并單元格 行列合并
對于table標簽，在傳統html頁面或者H5頁面都是一樣的表示形式與設置體例。本文為您介紹table表格的利用，與若何歸并行單位格與列單位格。
本文利用VSCode東西快速構建H5界面DOM布局，不利用這個東西也是一樣的
方式/步調
- 1
新增H5頁面
1）打開VSCode編纂器，新建一個文件，保留為“H5Table.html”
2）在快速建立H5DOM布局：文件中輸入一個感慨號，再按下tab鍵即可
3前端頁面開辟東西的下載與安裝
- 2
table表格
1）table表格標簽內含thead、tbody兩個年夜類標簽，這兩個標簽省略也是一樣的結果，建議仍是加上
2）thead標簽暗示表頭，用tr暗示行，th暗示列
3）tbody標簽暗示表體，用tr暗示行，td暗示列
4）構建一個簡單的table布局如圖所示
- 3
table表格，運行結果
在瀏覽器中打開“H5Table.html”即可運行頁面
- 4
歸并行單位格
1）在th或者td中設置rowspan屬性，用于歸并兩行的統一列單位格
2）歸并行單位格dom布局如圖所示
- 5
歸并行單位格，運行結果
在瀏覽器中打開“H5Table.html”即可運行頁面
- 6
歸并列單位格
1）在th或者td中設置colspan屬性，用于歸并統一行的多個列單位格
2）歸并列單位格dom布局如圖所示
- 7
歸并列單位格，運行結果
在瀏覽器中打開“H5Table.html”即可運行頁面
- 發表于 2018-11-22 00:00
- 閱讀 ( 1996 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章