首页前端开发其他前端知识HTML5的overflow属性什么作用,用法是怎样

HTML5的overflow属性什么作用,用法是怎样

时间2024-03-28 05:46:03发布访客分类其他前端知识浏览240
导读:这篇文章给大家分享的是“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
HTML5项目中怎样将文字颜色变灰色 为什么docker需要用到go语言呢

游客 回复需填写必要信息