overflow属性我会用,但overflow-x和y不明白什么意思overflow-x 水平溢出overflow-y 垂直溢出呈现的效果是怎么样的?
来源:学生作业帮助网 编辑:作业帮 时间:2024/07/11 09:35:22
![overflow属性我会用,但overflow-x和y不明白什么意思overflow-x 水平溢出overflow-y 垂直溢出呈现的效果是怎么样的?](/uploads/image/z/15038138-2-8.jpg?t=overflow%E5%B1%9E%E6%80%A7%E6%88%91%E4%BC%9A%E7%94%A8%2C%E4%BD%86overflow-x%E5%92%8Cy%E4%B8%8D%E6%98%8E%E7%99%BD%E4%BB%80%E4%B9%88%E6%84%8F%E6%80%9Doverflow-x+%E6%B0%B4%E5%B9%B3%E6%BA%A2%E5%87%BAoverflow-y+%E5%9E%82%E7%9B%B4%E6%BA%A2%E5%87%BA%E5%91%88%E7%8E%B0%E7%9A%84%E6%95%88%E6%9E%9C%E6%98%AF%E6%80%8E%E4%B9%88%E6%A0%B7%E7%9A%84%3F)
overflow属性我会用,但overflow-x和y不明白什么意思overflow-x 水平溢出overflow-y 垂直溢出呈现的效果是怎么样的?
overflow属性我会用,但overflow-x和y不明白什么意思
overflow-x 水平溢出
overflow-y 垂直溢出
呈现的效果是怎么样的?
overflow属性我会用,但overflow-x和y不明白什么意思overflow-x 水平溢出overflow-y 垂直溢出呈现的效果是怎么样的?
基本语法
overflow-x :visible | auto | hidden | scroll
语法取值
visible : 默认值.不剪切内容也不添加滚动条.假如显式声明此默认值,
对象将以包含对象的 window 或 frame 的尺寸裁切.并且 clip 属性设置将失效
auto : 在必需时对象内容才会被裁切或显示横向滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示横向滚动条
使用说明
检索或设置当对象的内容超过其指定宽度时如何管理内容.所有对象的默认值是 visible ,除了 textarea 对象和 body 对象的默认值是 auto .设置 textarea 对象此属性值为 hidden 将隐藏其滚动条.对于 table 来说,假如 table-layout 属性设置为 fixed ,则 td 对象支持带有默认值为 hidden 的 overflow 属性.如果设为 scroll 或者 auto ,那么超出 td 尺寸的内容将被剪切.如果设为 visible ,将导致额外的文本溢出到右边或左边(视 direction 属性设置而定)的单元格.自IE5开始,此属性在MAC平台上可用.自IE6开始,当你使用 !DOCTYPE 声明指定了 standards-compliant 模式,此属性可以应用于 html 对象.此属性对于 currentStyle 对象而言是只读的.对于其他对象而言是可读写的.对应的脚本特性为 overflowX .
代码示例
div { overflow-x:scroll; height:100px; width:100px; }