详解table设置表格有滚动条实例
table 设置表格有滚动条。
少说多做，代码中有注释：
1 <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 6
<title>设置表格有滚动条</title> 7
<style> 8
* { 9 margin: 0;
padding: 0;11 }
table {
/*设置相邻单元格的边框间的距离*/
border-spacing: 0;16 /*表格设置合并边框模型*/
border-collapse: collapse;18
text-align: center;19 }
/*关键设置 tbody出现滚动条*/21 table tbody {
display: block;23
height: 80px;
overflow-y: scroll;25 }
table thead,
tbody tr {
display: table;30 width: 100%;31
table-layout: fixed;32 }33 /*关键设置：滚动条默认宽度是16px 将thead的宽度减16px*/34 table thead {35 width: calc( 100% - 1em)36 }37 38 39 table thead th {40 background: #ccc;41 }42 43 </style>44 </head>45 46 <body>47 <table width="80%" border="1">48 <thead>49 <tr>50 <th>姓名</th>51 <th>年龄</th>52 <th>出生年月</th>53 <th>手机号码</th>54 <th>单位</th>55 </tr>56 </thead>57 <tbody>58 <tr>59 <td>张三</td>60 <td>18</td>61 <td>1990-9-9</td>62 <td>13682299090</td>63 <td>阿里巴巴</td>64 </tr>65 <tr>66 <td>李四</td>67 <td>18</td>68 <td>1990-9-9</td>69 <td>13682299090</td>70 <td>阿里巴巴与四十大盗</td>71 </tr>72 <tr>73 <td>王五</td>74 <td>18</td>75 <td>1990-9-9</td>76 <td>13682299090</td>77 <td>腾讯科技</td>78 </tr>79 <tr>80 <td>孟想</td>81 <td>18</td>82 <td>1990-9-9</td>83
<td>13682299090</td>
<td>浏阳河就业</td>85
</tr>86
</tbody>87
</table>88 </body>89 90 </html>效果：
以上是详解table设置表格有滚动条实例的详细内容。更多信息请关注PHP中文网其他相关文章！
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
PPT表格中插入的图片调整格式的操作步骤
Mar 26, 2024 pm 04:16 PM
1、新建一个PPT文件，命名为【PPT技巧】，作为示例。2、双击【PPT技巧】，打开PPT文件。3、插入两行两列的表格，作为示例。4、在表格的边框上双击，上方工具栏出现【设计】的选项。5、点击【底纹】的选项，点击【图片】。6、点击【图片】，弹出以图片为背景的填充选项对话框。7、在目录中找到要插入的托，点击确定即可插入图片。8、在表格框上右击，弹出设置的对话框。9、点击【设置单元格格式】，勾选【将图片平铺为底纹】。10、设置【居中】【镜像】等自己需要的功能，点击确定即可。注意：默认为图片填充在表格
抖音如何设置定时发布作品时间？它如何设置视频时间长短？
Mar 27, 2024 pm 06:11 PM
在抖音上发布作品能够更吸引关注和点赞，但有时候我们可能难以实时发布作品，这时就可以利用抖音的定时发布功能。抖音的定时发布功能允许用户在预定的时间自动发布作品，这样可以更好地规划发布计划，增加作品的曝光率和影响力。一、抖音如何设置定时发布作品时间？要设置定时发布作品时间，首先进入抖音个人主页，在右上角找到“+”按钮，点击进入发布页面。在发布页面右下角有一个钟表的图标，点击进入定时发布界面。在界面中，你可以选择要发布的作品类型，包括短视频、长视频和直播等。接下来，你需要设置作品的发布时间。抖音提供了
wps数值怎样设置按条件自动变色_wps表格数值设置按条件自动变色的步骤
Mar 27, 2024 pm 07:30 PM
1、打开工作表，找到【开始】-【条件格式】按钮。2、点击列选择，选中将添加条件格式的列。3、单击【条件格式】按钮，弹出选项菜单国。4、选择【突出显示条件规则】-【介于】。5、填写规则：20，24，深填充色深绿色文本。6、确定后，所选列中数据按照设定对相应数字文字、单元框加色处理。7、对于没有冲突的条件规则，可以重复添加，但对于冲突规则wps则会以最后添加的规则代替之前建立的条件规则。8、重复添加【介于】规则20-24和【小于】20后的单元列。9、如需改变规则，刚可以清除规则后重新设定规则。
抖音标签在哪里设置出来？它怎么打标签，才能精准推流呢？
Mar 27, 2024 am 11:01 AM
抖音作为全球最受欢迎的短视频平台之一，让每个人都能成为创作者，分享生活中的点点滴滴。对于抖音用户来说，标签是一个非常重要的功能，它可以帮助用户更好地分类和检索内容，同时也能让平台更精准地推送合适的内容给用户。那么，抖音标签在哪里设置出来呢？本文将详细介绍如何在抖音上设置和使用标签。一、抖音标签在哪里设置出来？在抖音上使用标签可以帮助用户更好地分类和标记自己的作品，让其他用户更容易找到并关注。设置标签的方法如下：1.打开抖音APP，并登录你的账号。2.点击屏幕下方的“+”号，选择“发表”按钮。3.
微博怎么设置定时发布_微博设置定时发布方法教程
Mar 29, 2024 pm 03:51 PM
1、打开微博客户端，在编辑页面中点击三个小点，再点击定时发。2、点击定时发之后，在发布时间右侧就有时间选项，设置好时间，编辑好文章，点击右下角的黄色字定时发布即可。3、微博手机端暂时不支持定时发布，只能在PC客户端使用该功能哦！
请勿打扰模式在iPhone中不起作用：修复
Apr 24, 2024 pm 04:50 PM
即使在“请勿打扰”模式下接听电话也可能是一种非常烦人的体验。顾名思义，请勿打扰模式可关闭来自邮件、消息等的所有来电通知和警报。您可以按照这些解决方案集进行修复。修复1–启用对焦模式在手机上启用对焦模式。步骤1–从顶部向下滑动以访问控制中心。步骤2–接下来，在手机上启用“对焦模式”。专注模式可在手机上启用“请勿打扰”模式。它不会让您的手机上出现任何来电提醒。修复2–更改对焦模式设置如果对焦模式设置中存在一些问题，则应进行修复。步骤1–打开您的iPhone设置窗口。步骤2–接下来，打开“对焦”模式设
抖音推荐和精选在哪里设置
Mar 27, 2024 pm 05:06 PM
抖音推荐和精选在哪里设置?在抖音短视频中是有精选和推荐两个分类，多数的用户不知道推荐和精选如何的设置，接下来就是小编为用户带来的抖音推荐和精选设置方法教程，感兴趣的用户快来一起看看吧！抖音使用教程抖音推荐和精选在哪里设置1、首先打开抖音短视频APP进入到主页面，点击右下角【我】专区选择右上角【三个横线】;2、之后在右侧会展开功能栏，滑动页面选择最底部的【设置】;3、然后在设置功能页面，找到其中的【个人信息管理】服务;4、最后跳转到个人信息管理页面，滑动【个性化内容推荐】后方的按钮即可设置。
大麦怎么设置抢票倒计时
Apr 01, 2024 pm 07:01 PM
大麦网购票时，为了确保能够准确掌握购票时间，用户可以设置一个悬浮时钟来进行抢票，详细的设置方法就在下文中，让我们一起学习下吧。大麦绑定悬浮时钟方法1.在手机中点击打开悬浮时钟app进入界面后，在设置秒杀提查的位置点击，如下图所示位置：2.来到新增记录的页面后，把在大麦网中复制的买票链接页面复制进去。3.接下来在下方设置好秒杀时间和通知时间，打开【保存到日历】后面的开关按钮，并在下方点击【保存】。4.点击开启【倒计时】，如下图所示：5.到提醒时间时在下方点击【开始画中画】的按钮。6.当购票时间到时
