1、overflow:hidden;
防止溢出,也是一种隐藏,只不过是把超出范围的元素隐藏,这种一般用于文字过多或者图片特效以及自适应中div没法设置高度时使用。
2.display:none
设置元素的display为none是最常用的隐藏元素的方法。
任何对该元素直接的用户交互操作都不可能生效,被隐藏的元素完全不会占用空间,该元素以及后代元素中的任何内容都不存在了。
3、opacity:0
opacity属性表示元素的透明度,而将元素的透明度设置为0后,元素也是隐藏的。
4、position:
元素的定位
top和left设置成足够大的负数,相当于把元素放到可视区域外,它不会影响布局,能够让元素保持可操作性,在读屏软件上可以被识别。
5,visibility:hidden
和display:none的区别在于,元素在页面消失后,其占据的空间依旧会保留着,只是我们看不见了,它还在。
6,设置height,width等盒模型属性为0
好了本篇文章就到这里了,喜欢的话可以关注我,会持续更新的,有错误欢迎大家指出,大家可以在我这里互相讨论学习,一起进步。
青山不改 绿水长流 我们下篇文章见😋