• 技术文章 >web前端 >H5教程

    html5中overflow是什么意思

    醉折花枝作酒筹醉折花枝作酒筹2021-06-03 14:07:43原创83

    在html5中,overflow的意思是溢出,该属性规定如何处理不符合元素框的内容,语法“对象.style.overflow=visible|hidden|scroll|auto”。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    意思:HTML溢出;

    overflow 属性规定如何处理如何处理不符合元素框的内容。

    语法:

    Object.style.overflow=visible|hidden|scroll|auto

    属性值:

    45~7LS0YHSE88WTA)MD@LHH.png

    实例

    本例使用 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>

    效果:

    GIF.gif

    推荐学习:html视频教程

    以上就是html5中overflow是什么意思的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html5 overflow
    上一篇:html5的开发工具有哪些 下一篇:怎么下载Html页面
    第16期线上培训班

    相关文章推荐

    • html怎么设置下划线• html左边对齐怎么设置• html翻转效果怎么实现• html如何设置语言为中文• 如何将axure文件导出为html

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网