您的位置:内蒙古11选五开奖5号的 > DIV CSS基础 > 正文

快三走势图今天:overflow-x 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、对象底部横向设置滚动条实例
实例内蒙古11选五开奖5号的代码:

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

overflow-x:scroll设置滚动条实例截图

完成添加横向滚动条overflow-x实例截图
完成添加横向滚动条overflow-x实例截图

相关标签: overflow
如需转载,请注明文章出处和来源网址:www.thinkcss.com/css/1174.shtml

日期:2016-12-14 21:30:01 来源:未知 作者:ThinkCSS
  • 《读药》151期:短篇小说——解读蒋一谈《庐山隐士》 2019-07-15
  • 70期:开创了中国人太空“开飞船”历史的刘旺 2019-07-15
  • 纪念人民日报创刊70周年改革开放40周年美术活动 2019-07-07
  • 菜鸟世界杯送出50吨包裹 荷兰成国旗最大购买地菜鸟世界杯送出50吨包裹荷兰成国旗最大购买地-手机行情 2019-07-02
  • [鄙视]就你这智商还挑战爱因斯坦?蚍蜉撼树也! 2019-07-02
  • 图解:从中国新闻奖、长江韬奋奖看人民日报70年 2019-06-27
  • 江夏区宣传干部培训班圆满落幕 荆楚网携手江夏区委宣传部举办 2019-06-26
  • 供应链如何更“智慧” 2019-06-17
  • 推动民营企业创新发展 2019-05-31
  • 【北京中汽双会车型报价】北京中汽双会4S店车型价格 2019-05-31
  • 弘扬光荣传统 勇立时代潮头 忠实履职尽责 2019-05-30
  • 世界很多国家想拥有核弹,但迫于种种原因而没能实现。 2019-05-25
  • 阿呆,那是你家远祖啊,还不跪拜?[哈哈] 2019-05-15
  • 泰国推出“智慧签证”吸引人才 2019-05-15
  • “印象”世界杯:揭幕战红色风暴席卷绿茵场 2019-04-29
  • 河南11选5投注技巧 山东群英会0927028 江苏时时彩11选5 凤凰广东11选5平台 普京打冰球 山东11选5任五遗漏 六肖中特准免费资料 管家婆 新疆喜乐彩奖金多少 20190047期3d开机号码 北京快三助手开奖结果 有没有陕西十一选五软件预测 赌场放水钱的方式 甘肃十一选五历史开奖 十一选五公式 体彩7星彩第18115期开奖结果