css样式之overflow-x属性样式

2019-09-30 郑州网站建设  

overflow-x是overflow子花样,平日也很少用的。overflow-x设置匿伏溢出过宽模式(比如过宽图片)、设置对象底部转折条等重要。

overflow-x语法与根本懂得

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

值与解释引见:
visible :  不剪切内容也不添加迁移转变条。
auto :  此为body对象与textarea的默许值。
hidden :  不浮现超越对象宽度的模式
scroll :  总是透露表现横向转动条

overflow-x语法分析图


overflow-x语法阐发图

2、暗藏超过跨过宽度的模式使用小实例

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

配置隐藏P标签内超过宽度300px的内容,由于翰墨通常会被动换行,通长期置是预防过宽(逾越300px宽度)图片,埋伏掉超过300px的图片模式,如许象征着但图片宽度超越300px后,只会显示300px宽度内容,过宽会被埋伏(夙昔会溢出或撑破p标签)。

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

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>overflow-x 转折条 CSS5</title> <style> .scroll-exp{width:300px;overflow-x:scroll} </style> </head> <body> <div class="scroll-exp">底部涌现转折条 底部泛起滚动条</div> </body> </html>


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/3105.html转载请标明出处,谢谢合作!
标签:

  • 样式
  • 属性
  • css
  • overflow-x
  • overflo