页面一定会出现上下或左右滚动条样式

最新推荐文章于 2022-09-28 11:15:47 发布

iteye_11350

最新推荐文章于 2022-09-28 11:15:47 发布

阅读量200

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/iteye_11350/article/details/82477161

版权

Web前端专栏收录该内容

61 篇文章 0 订阅

订阅专栏

[size=large]
[color=red]上下滚动：
<div id="tableListDiv" style="height:800px;overflow-x: hidden;overflow-y: auto;">[/color]
<table width="955" border="0" cellpadding="0" cellspacing="1" align="center" class="mar_t10 xmwh_gys_ctab h30 f_c t14">
<tr>
<td width="50" style="background-color:#d2d2d2;" class="tb"><input type="checkbox" onClick="selectAll(this,'chkName');" /></td>
<td width="205" style="background-color:#d2d2d2;" class="tb">项目名称</td>
<td width="150" style="background-color:#d2d2d2;" class="tb">上课时间</td>
<td width="150" style="background-color:#d2d2d2;" class="tb">上课地点</td>
<td width="100" style="background-color:#d2d2d2;" class="tb">剩余名额</td>
<td width="100" style="background-color:#d2d2d2;" class="tb">招生人数</td>
<td width="150" style="background-color:#d2d2d2;" class="tb">年龄限制</td>
<td width="100" style="background-color:#d2d2d2;" class="tb">教师简介</td>
</tr>
</table></div>

[color=red]左右滚动：
<div id="tableListDiv" style="height:800px;overflow-x: auto;overflow-y: hidden;">[/color]
<table width="955" border="0" cellpadding="0" cellspacing="1" align="center" class="mar_t10 xmwh_gys_ctab h30 f_c t14">
<tr>
<td width="50" style="background-color:#d2d2d2;" class="tb"><input type="checkbox" onClick="selectAll(this,'chkName');" /></td>
<td width="205" style="background-color:#d2d2d2;" class="tb">项目名称</td>
<td width="150" style="background-color:#d2d2d2;" class="tb">上课时间</td>
<td width="150" style="background-color:#d2d2d2;" class="tb">上课地点</td>
<td width="100" style="background-color:#d2d2d2;" class="tb">剩余名额</td>
<td width="100" style="background-color:#d2d2d2;" class="tb">招生人数</td>
<td width="150" style="background-color:#d2d2d2;" class="tb">年龄限制</td>
<td width="100" style="background-color:#d2d2d2;" class="tb">教师简介</td>
</tr>
</table></div>[/size]