%

overflow-x css属性样式

15 . Jan . 2019

分享到:

overflow-x css属性样式


css样式之overflow-x属性样式教程

overflow-x是overflow子样式,平时也很少用的。overflow-x设置隐藏溢出过宽内容(比如过宽图片)、设置对象底部滚动条等需求。

overflow-x语法与基本认识

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

值与解释介绍:
visible :  不剪切内容也不添加滚动条。
auto :  此为body对象和textarea的默认值。
hidden :  不显示超过对象宽度的内容
scroll :  总是显示横向滚动条

2、隐藏超出宽度的内容应用小实例

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

设置隐藏P标签内超过宽度300px的内容,因为文字一般会自动换行,通常设置是避免过宽(超过300px宽度)图片,隐藏掉超过300px的图片内容,这样意味着但图片宽度超过300px后,只会显示300px宽度内容,过宽会被隐藏(以前会溢出或撑破p标签)。

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

底部出现滚动条 底部出现滚动条


作者:@悦阁网络科技 

悦阁网络科技有限公司专业为中小企业提供精致的佛山网站建设、佛山网站设计、佛山网站制作及相关网络营销等服务,是广佛地区最好的网络科技公司之一,在广佛做网站开发就找悦阁网络科技!

您对建网站有需求?请回到首页“悦阁网络”官网  查找您想建哪种类型的网站,然后联系我们客服QQ,我们将竭诚为您服务!