欢迎来到DIVCSS5查找CSS资料与学习DIV 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 :  总是表现横向转动条

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/css-jiaocheng/tc51919.shtml