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

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

　　解决思路：

主要是通过设置元素的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 总是显示滚动条。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有