html5中overflow是什么意思-H5教程-PHP中文网

html5中overflow是什么意思

醉折花枝作酒筹

发布： 2021-06-03 14:07:43

原创

20169人浏览过

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

html5中overflow是什么意思

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

意思：HTML溢出；

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

语法：

立即学习“前端免费学习笔记（深入）”；

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

登录后复制

属性值：

45~7LS0YHSE88WTA)MD@LHH.png

Flex3组件和框架的生命周期中文WORD版

在整本书中我们所涉及许多的Flex框架源码，但为了简洁，我们不总是显示所指的代码。当你阅读这本书时，要求你打开Flex Builder，或能够访问Flex3框架的源码，跟随着我们所讨论源码是怎么工作及为什么这样做。如果你跟着阅读源码，请注意，我们经常跳过功能或者具体的代码，以便我们可以对应当前的主题。这样能防止我们远离当前的主题，主要是讲解代码的微妙之处。这并不是说那些代码的作用不重要，而是那些代码处理特别的案例，防止潜在的错误或在生命周期的后面来处理，只是我们当前没有讨论它。有需要的朋友可以下载看看

查看详情

实例

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

登录后复制

效果：