display：none 和 visible：hidden 的区别-CFANZ编程社区

display：none 和 visible：hidden 的区别

半夜放水

阅读 83

2023-02-24

display：none； 该元素以及它的后代元素都会隐藏，并且占据空间消失；会有回流
visible：hidden； 隐藏元素，但是仍占据与未隐藏之前一样的空间；后代元素设置visible，后代元素可显示；不会回流

相关推荐
weednoah
 visibility:hidden和display:none区别
weednoah 60 0 0
浮游图灵
 display:none和visibility:hidden区别？
浮游图灵 65 0 0
_刘彦辉
 display:none和visibility:hidden的区别
_刘彦辉 71 0 0
宁静的猫
 visibility:hidden和display:none的区别
宁静的猫 90 0 0
言午栩
 display: none 与 [hidden] 的区别
言午栩 62 0 0
千行
 overflow：hidden与display：none的区别
千行 77 0 0
迎月兮
 display:none； visibility:hidden； opacity:0 区别
迎月兮 96 0 0
非宁静不致远
 比较 opacity: 0、visibility: hidden、display: none
非宁静不致远 44 0 0
把平平凡凡的生活过成诗与远方
 1.display:none和visibility:hidden区别？2.px和em的区别 3.cookies sessionStorage和localstorage区别
把平平凡凡的生活过成诗与远方 74 0 0
小时候是个乖乖
 CSS魔法堂：display:none与visibility:hidden的恩怨情仇
小时候是个乖乖 126 0 0

精彩评论（0）