注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

樱之花

叶散的时候,你明白欢聚;花谢的时候,你明白青春.

 
 
 

日志

 
 
关于我

分类中“我的实验室”是我在日常工作中的一些知识总结,有些写的比较匆忙,可能大家在阅读时会产生困扰,后期有时间我会重新整理编辑,谢谢大家的到访,您们的支持是我前进的动力!

网易考拉推荐

如何在单元格里或层里出现滚动条   

2007-03-15 16:06:57|  分类: 网页界面 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

解决思路: 
主要是通过设置元素的CSS属性overflow(包含overflow-x和overflow-y)来实现。 

具体步骤: 

1.自动出现横向滚动条: 
<div style="width:200;height:200;overflow-x:auto">
<script>
//使元素出现横向滚动条
document.write(new Array(20).join("!"))
//使元素出现纵向滚动条
document.write(new Array(20).join("!<br>"))
</script>
</div> 

2.自动出现纵向滚动条: 

<div style="width:200;height:200;overflow-y:auto">
<script>
//使元素出现横向滚动条
document.write(new Array(20).join("!"))
//使元素出现纵向滚动条 
document.write(new Array(20).join("!<br>"))
</script>
</div>

3.自动出现横向和纵向滚动条:
<div style="width:200;height:200;overflow:auto">
<script>
//使元素出现横向滚动条
document.write(new Array(20).join("!"))
//使元素出现纵向滚动条 
document.write(new Array(20).join("!<br>")) 
</script> 
</div> 
   
注意:要使元素出现横向滚动,必须定义元素的宽;要使元素出现纵向滚动,则须先定义元素的高。 
   
特别提示 
   
第3步的代码运行可以看到,div元素的宽和高限制为200×200了,超出范围的内容将自动剪切掉,并添加滚动条。 

特别说明

本例主要是CSS属性overflow的应用。overflow属性包括overflow-x和overflow-y,如果希望设置仅对X轴或Y轴生效,则必须用overflow-x或overflow-y,设置overflow时将同时对X轴和Y轴生效。overflow 属性的可选参数值说明: 
   
visible 不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效。 
auto 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条。 
hidden 不显示超过对象尺寸的内容。 
scroll 总是显示滚动条。 

  评论这张
 
阅读(897)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017