html5中overflow是什么意思


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

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

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

意思:HTML溢出;

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

语法:

1

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

属性值:

45~7LS0YHSE88WTA)MD@LHH.png

实例

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

效果:

GIF.gif

推荐学习:html视频教程

以上就是html5中overflow是什么意思的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

HTML5返回音频/视频的当前网络状态(activity)的属性networkstate

HTML5是啥

HTML5删除的标签有哪些

如何使用HTML5 file接口在web页面上使用文件下载

css中display: inline-block的用法解析

HTML5表单新增元素与属性

HTML5开发工具有哪些

HTML5 能做什么

HTML5中的强制下载属性download使用

HTML5文件上传插件遇到的技术问题

更多相关阅读请进入《HTML5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...