在页面上,限制某区域尺寸,添加滚动条
2005-04-19 14:14
555 查看
使用<div></div>标签,配合css
直接写
<div style="windth:100%;height=60px;overflow-y:scroll;">
<table class="GridTable" valign="Top">
<tr><td>aaaaa</td></tr>
<tr><td>bbbbb</td></tr>
<tr><td>ccccc</td></tr>
<tr><td>ddddd</td></tr>
</table>
</div>
或者做到css类中
=================================
<style type="text/css">
<!--
.GridTable
{
windth:100%;
height=60px;
overflow-y:scroll;
}
.GridTable table{
background-color:#FFFFFF;
border-style:inset;
white-space:nowrap;
padding:0px;
width:100%;
height:100%;
}
-->
</style>
----------------------------
<div class="GridTable" valign="Top">
<table>
<tr><td>aaaaa</td></tr>
<tr><td>bbbbb</td></tr>
<tr><td>ccccc</td></tr>
<tr><td>ddddd</td></tr>
</table>
</div>
============================
after all, woyingjie's answer is very one you need. :)
I just wanna try to give you some other way to do it. ^_^
aaaaa |
bbbbb |
ccccc |
ddddd |
<div style="windth:100%;height=60px;overflow-y:scroll;">
<table class="GridTable" valign="Top">
<tr><td>aaaaa</td></tr>
<tr><td>bbbbb</td></tr>
<tr><td>ccccc</td></tr>
<tr><td>ddddd</td></tr>
</table>
</div>
或者做到css类中
=================================
<style type="text/css">
<!--
.GridTable
{
windth:100%;
height=60px;
overflow-y:scroll;
}
.GridTable table{
background-color:#FFFFFF;
border-style:inset;
white-space:nowrap;
padding:0px;
width:100%;
height:100%;
}
-->
</style>
----------------------------
<div class="GridTable" valign="Top">
<table>
<tr><td>aaaaa</td></tr>
<tr><td>bbbbb</td></tr>
<tr><td>ccccc</td></tr>
<tr><td>ddddd</td></tr>
</table>
</div>
============================
after all, woyingjie's answer is very one you need. :)
I just wanna try to give you some other way to do it. ^_^
相关文章推荐
- 给页面添加滚动条
- Android 在WindowManager添加View进行绘制时,限制在Window内部绘制和允许绘制到窗口之外区域的方法
- 给页面添加滚动条
- 微信开发安卓页面出现两个滚动条其中一条无法滚动可以采用局部区域滚动解决
- 获取页面可见区域,屏幕区域的尺寸
- js 页面无滚动条添加滚轮事件
- 为页面添加滚动条
- 在 360浏览器下 position:relative; 不随着滚动条的滚动而滚动而是飘在页面上 解决方法 给父级也就是出现滚动条的元素添加 position:relative;就ok l了
- dedecms首页添加根据IP访问区域跳转对应页面的方法
- 仿天猫 购物车(Android studio 仿天猫 详情页面 添加购物车选择 颜色 尺寸demo)
- Javascript实现页面内元素添加滚动条
- 如何在Asp.net 页面中添加CSS和JS的引用, 使得不是文件路径的限制
- jsp 页面添加取消滚动条
- html页面中运用CSS为层(div)元素添加滚动条
- Drupal 为前台(Front page)页面添加区域(Regions)
- html页面中运用CSS为层(div)元素添加滚动条
- Chart 折线图 绘图区域加滚动条,并限制画图区域大小
- 为页面添加滚动条
- 页面内容添加新的显示或者显示隐藏的内容,滚动条滚动到最低端,显示出新内容
- 黄聪:js 获取浏览器、Body、滚动条、可见区域、页面、边框、窗口高度和宽度值(多浏览器)