当前位置:  首页  >  前端开发  >  CSS+DIV

overflow-y属性怎么用

overflow-x属性是用来指定当元素溢出内容区域时,是否对内容的顶部底部边缘进行裁剪。
overflow-y属性是用来指定当元素溢出内容区域时,是否对内容的顶部/底部边缘进行裁剪。

CSS3 overflow-y属性

作用:overflow-y属性指定如果它溢出了元素的内容区是否剪辑顶部/底部边缘内容。

提示:使用overflow-x属性来判断左右边缘是否裁剪。

语法:

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

visible:不裁剪内容,可能会显示在内容框之外。

hidden: 裁剪内容 - 不提供滚动机制。

scroll:裁剪内容 - 提供滚动机制。

auto:如果溢出框,则应该提供滚动机制。

no-display:如果内容不适合内容框,则删除整个框。

no-content:如果内容不适合内容框,则隐藏整个内容。

说明:所有主流浏览器都支持 overflow-y 属性;但无法在 IE8 以及更早的浏览器正确地工作。

CSS3 overflow-y属性的使用示例








这是一个段落。这是一个段落。这是一个段落。这是一个段落。 这是一个段落。这是一个段落。这是一个段落。这是一个段落。 这是一个段落。这是一个段落。这是一个段落。这是一个段落。 这是一个段落。这是一个段落。这是一个段落。这是一个段落。 这是一个段落。这是一个段落。这是一个段落。这是一个段落。

Overflow-x 是否对内容的左/右边缘进行裁剪。

Overflow-y 是否对内容的上/下边缘进行裁剪。

效果图:

以上就是overflow-y属性怎么用的详细内容,更多请关注 第一PHP社区 其它相关文章!

吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | json解析格式化 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有 京ICP备19059560号-4