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>

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h53275.shtml