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,将溢出元素隐藏

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


待补充……

猜你喜欢

转载自blog.csdn.net/xzz2222/article/details/80220694