web中关于隐藏与显示

隐藏与显示

　　隐藏　　　　display:none   /*将当前元素抽离出文档流，不占用空间*/

　　　　　　　　visibility:hidden  /*将当前元素保留在文档流中，空间位置不变*/

　　显示            display: block;   /*显示隐藏元素，以块的形式显示*/

　　　　　　　　display:inline-block;  /*显示隐藏元素，以行内元素形式显示*/

隐藏与显示/*奇招*/

　　     　　   width=0px ;

　　　　　　　height=0px;    /*经过设置大小来达到隐藏的效果*/

　　　　　　　

　　　　　　　opacity:0;    /*经过设置透明度来达到隐藏的效果，数值在（0,1）*/