成都网站建设设计

将想法与焦点和您一起共享

css中overflow-x属性怎么用

小编给大家分享一下css中overflow-x属性怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联建站专注为客户提供全方位的互联网综合服务,包含不限于网站建设、网站设计、忻城网络推广、微信小程序开发、忻城网络营销、忻城企业策划、忻城品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联建站为所有大学生创业者提供忻城建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com

overflow-x是overflow子名目,常日也很少用的。overflow-x配置潜藏溢出过宽模式(比喻过宽图片)、设置对象底部迁移转变条等需求。

overflow-x语法与基础领略

1、overflow-x可设置装备摆设值
overflow-x : visible | auto | hidden| scroll

值与告白介绍:
visible :  不剪切模式也不添加动弹条。
auto :  此为body对象与textarea的默认值。
hidden :  不体现跨越对象宽度的内容
scroll :  总是显示横向迁移转变条

css中overflow-x属性怎么用
overflow-x语法赏析图

2、匿伏高出宽度的内容应用小实例

p{width:300px;overflow-x:hidden}

设置装备摆设潜伏P标签内超越宽度300px的形式,由于笔墨一般会主动换行,通恒久置是提防过宽(超越300px宽度)图片,潜伏掉逾越300px的图片内容,如许象征着但图片宽度超过300px后,只会体现300px宽度模式,过宽会被窜伏(夙昔会溢出或撑破p标签)。

3、对象底部横向设置装备摆设滚动条实例
实例DIV CSS代码:





overflow-x 转折条 CSS5



底部呈现转动条 底部出现转动条

overflow-x:scroll设置装备摆设动弹条实例截图

css中overflow-x属性怎么用

以上是“css中overflow-x属性怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


新闻名称:css中overflow-x属性怎么用
链接URL:http://chengdu.cdxwcx.cn/article/pgohcd.html

其他资讯