昨天看视频时突然看到的,于是想着总结一下:四种隐藏的方式和它们的区别:
第一种:
display:none;
隐藏元素,不占网页中的任何空间,让这个元素彻底消失(可以理解为没有设置)
第二种:
visibility:hidden;
隐藏当前的内容,但是还是会占有原有空间,在页面上当前元素所在的位置会出现大片空白;
第三种:
overflow:hidden;
让超出的元素隐藏,就是在设置该属性的时候他会根据你设置的宽高把多余的那部分剪掉。多用于溢出隐藏
第四种:
准确说是应该是设置透明度,通过设置完全透明达到隐藏效果,但同visibility:hidden一样,当前区域会出现空白。
web前端11(隐藏)
最新推荐文章于 2022-05-20 11:45:22 发布