overflow属性
overflow属性功能:可以将css设置的溢出的,显示盒子内显示不下的内容。
溢出:溢出就是当设置的盒子大小承载不下盒子里面的内容时,就会溢出:
overflow属性有4个属性值:hidden(超出范围内的文字将被隐藏起来)、scroll(在div中出现水平和垂直的滚动条,超出的内容被滚动显示)、auto(当文字超出div的容纳范围时,根据需要出现水平的滚动条或时垂直的滚动条,滚动显示超出的内容)、visible(和不显示overflow时候显示效果一样,超出范围的文字按原样显示)
四个属性值分别的功能:
1.hidden:
当我们在样式中添加overflow:hidden,他会将超出部分隐藏起来,但是这一部分文字还是实际存在的;
2.scroll:
当在样式中添加overflow:scroll属性时他会出现一个滚动条,可以通过鼠标点击浏览超出部分的内容;
3.auto:
当我们在样式中添加overflow:auto属性时,也会出现可以滑动的滚动条。
4.visible:
当我们在样式中添加overflow:visible属性时超出范围的文字将按原来的样式显示;
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了