如何实现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
- 阅读 ( 1170 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章