一、相同点

display:none和visibility:hidden都可以隐藏元素

二、不同点

display:none将元素从页面隐藏，页面空间不存在
visibility:hidden将元素从页面隐藏，页面空间存在

三、举例

	<p>1</p>
    <p style="visibility:hidden">2</p>
    <p>3</p>

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

精彩评论（0）