欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

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/jiqiao/j53084.shtml