display和visibility——可见与不可见

一、display

//隐藏、不占据空间(在文档流中)
display: none; 
//显示
displayblock;
displayinline;

二、visibility

//隐藏、但仍占据空间(在文档流中)
visibility: hidden; 
//显示
visibilityvisible;

三、jQuery中的hide()和show()

jQuery中的hide()和show()是display属性的方法,而不是visibility的。
如果采用visibility:hidden;用show()是没用的。

下面两句是一个效果:
$(".DIV").css("display","none");
$(".DIV").hide();

猜你喜欢

转载自blog.csdn.net/hyeeee/article/details/80452575