首页 > 其他分享 >HTML中overflow的作用(转)

HTML中overflow的作用(转)

时间:2023-02-19 14:11:21浏览次数:47  
标签:修剪 滚动条 HTML 内容 overflow 作用 属性

转自HTML中overflow的作用

Overflow属性:

主要用于设置盒子的属性,规定当内容溢出元素框时发生的事情,这个属性主要有这个设置值

1.overflow:visible

默认值,内容不会被修剪,会呈现在元素框之外。

2.overflow:hidden

内容会被修剪,并且其余内容是不可见的。

3.overflow:scroll

内容会被修剪,但是浏览器会显示滚动条以便查看其余内容。

4.overflow:auto

如果内容被修剪,则浏览器会显示滚动条以便查看其余内容。

5.overflow:inherit

规定应该从父元素集成overflow属性的值。

转自HTML中overflow的作用

————————————————
版权声明:本文为CSDN博主「我想去里约」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_43816721/article/details/84568672

标签:修剪,滚动条,HTML,内容,overflow,作用,属性
From: https://www.cnblogs.com/hi3254014978/p/17134682.html

相关文章

  • 闲来无事搓的小网站偶遇flex和overflow问题
    主要问题opt-card这个元素样式,本身设为了  display:inline-flex 现在我想让它超出不换行而是显示滚动条,如果使用默认的display:nowarp则会导致子元素被极限压缩所......
  • 解析 html 字符串
    ​​http://www.open-open.com/jsoup/​​ 去除html字符串内的html标签,只留文本:/***解析一个html字符串,只得到此字符串中的文本*@paramhtml*@return*/pu......
  • Nginx匹配@符号的作用
    Nginx匹配@符号的作用@符号,用于定义一个Location块,且该块不能被外部Client所访问,只能被Nginx内部配置指令所访问,比如try_files或error_page.error_page400=@......
  • 【每日随笔】手指训练 ( 产品需求探索、技术无关 | 手指训练作用 | 哪些人需要手指训
    文章目录​​一、手指训练作用​​​​二、哪些人需要手指训练​​​​三、手指操​​​​四、手指康复训练器材​​产品需求探索,研究下手指训练的市场,前景,是否可......
  • Angular 应用里 index.html 的作用
    index.html位于应用程序的src文件夹中。编译器在此文件的末尾动态添加所有javascript文件。由于现在所有组件都是已知的,因此html文件调用根组件即app-root。根......
  • 摄像头视频云台控制PTZ前端html css原生样式源码分享
        ​<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0">......
  • 过程和函数的作用域
    在单元接口interface部分声明的过程或函数在整个单元内有效。当其他单元(客户单元)引用该单元时,这些过程和函数可以被其他客户单元使用。unitUnitl;//单元首部int......
  • pdf转md、word、html、ppt等相互转换
    pdf转md、word、html、ppt等相互转换PDF与Word,Excel,PPT,JPG互转的网址:https://smallpdf.com/cn/pdf-to-wordPDF转Markdown的网址:https://pdf2md.morethan......
  • Java Web(三)HTML 和 CSS
    HTML和CSS什么是HTML?HTML是一门语言,所有的网页都是用HTML这门语言编写出来的HTML(HyperTextMarkupLanguage):超文本标记语言 超文本:超越了文本的限制,比普通文本更强大......
  • vue2 - 插槽solt,默认插槽,具体名插槽,作用域插槽
    1.默认插槽作用:会把父组件human中的内容全部解析到子组件中的slot中父组件:<template><divid="App"><!--子组件--><human><!--解析到子组件中的内......