内容超出DIV宽高后隐藏或出现滚动条和overflow的属性

前端属性 专栏收录该内容
6 篇文章 0 订阅
  • div{overflow:hidden}

    • 这样设置后,假如DIV对象设置一定宽度高度,此时加入overflow:hidden将会隐藏超出DIV宽度高度的内容包括图片。
    •  
  • overflow 一共有5个属性

    • 1、overflow: auto ;   //内容会被修剪,超出设置的宽高后会出现滚动条
    • 2、overflow: scroll  //内容会被修剪,不管内容是否超出,都会出现滚动条的位置
    • 3、overflow: visible ;  //这个是默认值,内容不会被修剪,会出现在元素框外面。
    • 4、overflow: hidden ;  //内容被修剪,多余的内容被隐藏
    • 5、overflow: inherit   //从父元素那里继承overflow的值
    •  
  • 怎么只显示横向的滚动条?

    • 可以设置:overflow-x:scroll,或者:overflow-y:hidden 即可实现这个效果。
    • 同理如果 overflow-y:scroll或者:overflow-x:hidden 是只显示竖的滚动条,不显示横向
    • overflow:scroll  如果你想让滚动条自始至终都存在,而不仅仅是内容超出后才出现,
  • 5
    点赞
  • 1
    评论
  • 3
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值