您好,登录后才能下订单哦!
请求超时!
请点击 重新获取二维码这篇文章主要为大家展示了“CSS中overflow指的是什么意思”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“CSS中overflow指的是什么意思”这篇文章吧。
在CSS中,overflow是“溢出”的意思,该属性规定当内容溢出元素框时发生的事情,设置内容是否会被修剪,溢出部分是否会被隐藏;例如当属性值设置为“visible”则内容不会被修剪,为“hidden”则内容会被修剪并且其余内容是不可见的。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
在CSS中,overflow是“溢出”的意思,该属性规定当内容溢出元素框时发生的事情。
overflow属性支持4个属性,可设置当内容溢出元素框时的4种处理方式:
visible 默认值。内容不会被修剪,会呈现在元素框之外。
hidden 内容会被修剪,并且其余内容是不可见的。
scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> div.ex1 { background-color: lightblue; width: 150px; height: 110px; overflow: scroll; } div.ex2 { background-color: lightblue; width: 150px; height: 110px; overflow: hidden; } div.ex3 { background-color: lightblue; width: 150px; height: 110px; overflow: auto; } div.ex4 { background-color: lightblue; width: 150px; height: 110px; overflow: visible; } </style> </head> <body> <h2>overflow 属性</h2> <p>如果元素中的内容超出了给定的宽度和高度属性,overflow 属性可以确定是否显示滚动条等行为。</p> <h3>overflow: scroll:</h3> <div class="ex1">测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!</div> <h3>overflow: hidden:</h3> <div class="ex2">测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!</div> <h3>overflow: auto:</h3> <div class="ex3">测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!</div> <h3>overflow: visible (默认):</h3> <div class="ex4">测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!</div> </body> </html>
以上是“CSS中overflow指的是什么意思”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。
两个鬼故事男楚辞女诗经楚辞起名起名房产公司名字防水材料种类湖北卫视直播在线观看家具公司起名字大全免费李姓男起名四字策起名搭配什么字兴字起名字用姓氏起网名昵称女孩姓朱的名怎么起给火起名字修真从穿越三年开始组织生活互评批评意见50条女生尿裤子把生态文明建设纳入中国特色的是什么会议越狱花絮佳苗瑠华天梯粤语99re6在线视频精品免费抗战之铁血军魂王与王怎么起名字属猴的人起名宜哪个蓝起名字好听工程公司起名字叫什么好姓薛男孩起名称笔记本功率黄钟大吕的意思培训活动起名周易起名测名评分情人节动态图少年生前被连续抽血16次?多部门介入两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”淀粉肠小王子日销售额涨超10倍高中生被打伤下体休学 邯郸通报单亲妈妈陷入热恋 14岁儿子报警何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言张家界的山上“长”满了韩国人?男孩8年未见母亲被告知被遗忘中国拥有亿元资产的家庭达13.3万户19岁小伙救下5人后溺亡 多方发声315晚会后胖东来又人满为患了张立群任西安交通大学校长“重生之我在北大当嫡校长”男子被猫抓伤后确诊“猫抓病”测试车高速逃费 小米:已补缴周杰伦一审败诉网易网友洛杉矶偶遇贾玲今日春分倪萍分享减重40斤方法七年后宇文玥被薅头发捞上岸许家印被限制高消费萧美琴窜访捷克 外交部回应联合利华开始重组专访95后高颜值猪保姆胖东来员工每周单休无小长假男子被流浪猫绊倒 投喂者赔24万小米汽车超级工厂正式揭幕黑马情侣提车了西双版纳热带植物园回应蜉蝣大爆发当地回应沈阳致3死车祸车主疑毒驾恒大被罚41.75亿到底怎么缴妈妈回应孩子在校撞护栏坠楼外国人感慨凌晨的中国很安全杨倩无缘巴黎奥运校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变王树国卸任西安交大校长 师生送别手机成瘾是影响睡眠质量重要因素国产伟哥去年销售近13亿阿根廷将发行1万与2万面值的纸币兔狲“狲大娘”因病死亡遭遇山火的松茸之乡“开封王婆”爆火:促成四五十对奥巴马现身唐宁街 黑色着装引猜测考生莫言也上北大硕士复试名单了德国打算提及普京时仅用姓名天水麻辣烫把捣辣椒大爷累坏了