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 :  总是透露表现横向转动条

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>

推荐阅读

    python如何看变量属性

    python如何看变量属性,培训,属性,函数,变量,参数,对象,方法,列表,范围内,字

    python的闭包函数是什么

    python的闭包函数是什么,代码,工作,函数,培训,程序,外部,个数,变量,嵌套,赋

    pythonexp是什么

    pythonexp是什么,培训,指数,函数,模块,表达式,数值,静态,语法,实例,对象,pyt

    python format是什么

    python format是什么,数字,培训,小数,编号,字符串,顺序,中间,小数点,括号,

    pythondef是什么

    pythondef是什么,代码,培训,名字,函数,括号,定义,内部,功能,参数,脚本,pytho

    pythondict是什么类型

    pythondict是什么类型,培训,数字,字典,类型,数据类型,冒号,括号,逗号,字符

    python标准库是什么

    python标准库是什么,标准,平台,设计,系统,培训,时间,庞大,组件,模块,操作系

    python ide是什么

    python ide是什么,环境,代码,培训,管理,时间,智能,工具,开发者,功能,更多,py

    python str是什么意思

    python str是什么意思,培训,字符串,函数,参数,整数,形式,类型,示例,初始化

    python类是函数吗?

    python类是函数吗?,代码,数据,培训,公用,名称,函数,变量,方法,实例,圆括号,py

    pythoncmd是什么

    pythoncmd是什么,培训,代码,公共,流程,命令,方法,处理器,模块,示例,函数,cmd