本文摘自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是什么意思的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
css实现页面底部固定的方法介绍(附代码)
HTML5利用canvas绘画二级树形结构图
HTML5 dialog是什么?怎么使用HTML5中的dialog来实现模拟弹窗?
h5如何实现记住密码功能
快速开发基于HTML5网络拓扑图应用的详解(图文)
HTML5 canvas中绘制字体与图片以及图形模糊问题解决
用HTML5绘制折线图的实例代码
HTML5本地存储-web sql database的详情介绍
HTML5 canvas常用属性方法(介绍)
利用HTML5实现图片的淡入淡出效果
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html5中overflow是什么意思