`

让表格有滚动条的实现

HTML 
阅读更多

主要是用div样式来控制

 

例如

 

<html>
<head>
<title> Scroll </title>

<style>

body { overflow: hidden; }
</style>

 

</head>

<body>
<div style="overflow:scroll; height:100px; width: 100px;">
<table >
<tr>
 <td>超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条</td>
 <td></td>
 <td>超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条超出就有滚动条</td>
</tr>
</table>

</div>
</body>
</html>

 

简单说明:

body { overflow: hidden; }是让窗体的滚动条不显示

<div style="overflow:scroll; height:100px; width: 100px;">根据需要也可以修改参数,比如

可设为<div style="overflow:auto; height:100px; width: 100px;">等

 

分享到：
| 在JAVA文件中获取该项目的相对路径
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics