让表格有滚动条的实现

来源:互联网 发布:ios6好用软件 编辑:程序博客网 时间:2024/03/29 23:11

主要是用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;">等

原创粉丝点击