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

overflow-x属性怎么用

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

CSS3 overflow-x属性

作用:overflow-x属性规定是否对内容的左/右边缘进行裁剪 - 如果溢出元素内容区域的话。

提示:使用overflow-y属性来判断顶部和底部边缘是否裁剪。

语法:

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

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

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

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

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

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

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

注:overflow-x 属性无法在 IE8 以及更早的浏览器正确地工作。

CSS3 overflow-x属性的使用示例









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

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

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

效果图:

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

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