CSS将元素隐藏的几种方法?

1 设置元素属性,占位但不显示  visibility: hidden;
2 设置元素属性,不显示不占位  display: none;
3 设置元素属性opacity: 0;,一般元素从有到无变换显示时,用opacity

4 利用2d变换transform: scale(0); 缩小为最小隐藏

5 利用2d变换将transform:translateX(-10000px),注意,括号中的值越大越好

6 利用定位position: absolute或者relative; 并且设置top值 top:-9999px,将元素移出浏览器视口中,占据空间,不可点击

7 利用固定定位,再将溢出部分隐藏 position: absolute;   visibility: hidden;

7 直接将元素 height:0;overflow: hidden

8 设置margin 为负值 同定位原理

9 使用overflow:hidden,将溢出元素隐藏

注意:如果是边框隐藏,直接将其颜色值设置背景颜色


待补充……

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值