HTML5的overflow属性什么作用,用法是怎样
导读:这篇文章给大家分享的是“HTML5的overflow属性什么作用,用法是怎样”,文中的讲解内容简单清晰,对大家学习和理解有一定的参考价值和帮助,有这方面学习需要的朋友,接下来就跟随小编一起学习一下“HTML5的overflow属性什么作用,...
这篇文章给大家分享的是“HTML5的overflow属性什么作用,用法是怎样”,文中的讲解内容简单清晰,对大家学习和理解有一定的参考价值和帮助,有这方面学习需要的朋友,接下来就跟随小编一起学习一下“HTML5的overflow属性什么作用,用法是怎样”吧。在html5中,overflow的意思是溢出,该属性规定如何处理不符合元素框的内容,语法“对象.style.overflow=visible|hidden|scroll|auto”。
本教程操作环境:windows7系统、CSS3& & HTML5版、Dell G3电脑。
意思:HTML溢出;
overflow 属性规定如何处理如何处理不符合元素框的内容。
语法:
Object.style.overflow=visible|hidden|scroll|auto
属性值:
实例
本例使用 overflow 来显示溢出元素框的内容:
html> head> style type="text/css"> div { border: thin solid green; width: 100px; height: 100px; } /style> script type="text/javascript"> function hideOverflow() { document.getElementById("div1").style.overflow = "hidden"; } /script> /head> body> div id="div1"> This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. /div> br /> input type="button" onclick="hideOverflow()" value="Hide overflow" /> /body> /html>
效果:
通过以上内容的阐述,相信大家对“HTML5的overflow属性什么作用,用法是怎样”已经有了进一步的了解,更多相关的问题,欢迎关注网络或到官网咨询客服。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: HTML5的overflow属性什么作用,用法是怎样
本文地址: https://pptw.com/jishu/654738.html