本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。
在html5中,overflow的意思是溢出,该属性规定如何处理不符合元素框的内容,语法“对象.style.overflow=visible|hidden|scroll|auto”。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
意思:HTML溢出;
overflow 属性规定如何处理如何处理不符合元素框的内容。
语法:
1 | Object.style.overflow= visible | hidden | scroll | auto
|
属性值:

实例
本例使用 overflow 来显示溢出元素框的内容:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | < 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 >
|
效果:

推荐学习:html视频教程
以上就是html5中overflow是什么意思的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
移动端h5页面尺寸大小
什么是 websocket?深入理解HTML5中websocket
HTML5实现移动页面自适应手机屏幕的方法
HTML5制作查询页面实例
HTML5 实现如何将两个矩形相互叠加
利用HTML5自定义实现播放器代码分享
HTML5/css3 3d立方体旋转动画经典案例
利用HTML5实现简单的拖动功能
如何使用HTML5地理位置定位功能?
HTML5 viewport总结讲述
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html5中overflow是什么意思