现在的位置: 首页 > 综合 > 正文

让表格有滚动条的实现

2013年03月21日 ⁄ 综合 ⁄ 共 685字 ⁄ 字号 评论关闭

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

抱歉!评论已关闭.