如何實現HTML的表頭固定
我們運用HTML進行表格建造的時辰，發生滾動條的時辰我們很但愿將表頭固心猿意馬住，那么該若何的實現呢？下面小編給大師分享一下。
東西/原料
- Sublime Text
方式/步調
- 1
打開Sublime Text東西，新建一個html文檔，如下圖所示
- 2
然后在body區域里，我們添加表格的表頭部門，如下圖所示，注重table-head接下來會聲明這個樣式，別的需要用到colgroup元素
- 3
接下來我們籌辦表格的內容部門，如下圖所示，這里的colgroup的寬度要和表頭的一樣
- 4
然后我們在style標簽里面聲明表格頂用到的樣式，如下圖所示
- 5
接下來就可以運行頁面代碼了，我們會看到如下圖所示的界面，滾動條只在內容部門
- 6
我們將一個單位格中的內容多寫一些，你會看到它會主動換行，而且表格頭也不會變形的
- 7
綜上所述，HTML中表格頭部的固心猿意馬本家兒如果運用了colgroup元素包管頭部和內容寬度不異
- 發表于 2018-04-20 00:00
- 閱讀 ( 1175 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章