如何在单元格里或层里出现滚动条
解决思路:
主要是通过设置元素的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步的代码运行效果如图1.7.1所示,从图中可以看到,div元素的宽和高限制为200×200了,超出范围的内容将自动剪切掉,并添加滚动条。
图1.7.1 强制让元素出现滚动条
特别说明
本例主要是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 总是显示滚动条。
Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved. 闵涛 E_mail:admin@mintao.net(欢迎提供学习资源)
鄂公网安备 42011102001154号
站长:MinTao ICP备案号:鄂ICP备11006601号-18