您好,登录后才能下订单哦!
请求超时!
请点击 重新获取二维码这篇文章主要为大家展示了“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进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。
玻璃钢生产厂家香港玻璃钢公园雕塑商场美陈小黄人陕西特色玻璃钢雕塑定制佛山描玻璃钢卡通雕塑山东玻璃钢美陈雕塑春季商场美陈讲解宁夏玻璃钢雕塑材质玻璃钢鹿雕塑方案松原动物玻璃钢雕塑价格济南玻璃钢雕塑市场深圳罗湖玻璃钢花盆山东商场主题创意商业美陈公司商场开业美陈文案策划范文玻璃钢龙雕塑六安佛像玻璃钢雕塑生产厂家玻璃钢佛像雕塑批发雕塑用玻璃钢与树脂沈丘玻璃钢雕塑价格玻璃钢企业形象雕塑灵璧玻璃钢花盆花器各地好的大型玻璃钢雕塑陕西动物玻璃钢雕塑定做价格上犹玻璃钢花盆花器海沧园林玻璃钢雕塑公司烟台玻璃钢雕塑河南常用商场美陈厂家直销濮阳标牌标识玻璃钢人物雕塑广东玻璃钢雕塑厂家哪里好江苏城市景观雕塑玻璃钢户外玻璃钢玩偶雕塑供货香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万