哪些方式可以隐藏页面元素

82 阅读1分钟

u=785203408,1710312313&fm=253&fmt=auto&app=138&f=JPEG.webp

  • display:none 页面元素彻底消失,不占据空间
  • visibility:hidden 隐藏该元素,占据空间
  • opacity:0 表示元素透明度 占据页面空间
  • 设置height、width模型属性为0 如果元素内有子元素或内容,还应该设置其overflow:hidden来隐藏其子元素 ,不占据空间
  • position:absolute  将元素移出可见区域,不占据空间