web中關於隱藏與顯示

隱藏與顯示

　　隱藏　　　　display:none   /*將當前元素抽離出文檔流，不佔用空間*/

　　　　　　　　visibility:hidden  /*將當前元素保留在文檔流中，空間位置不變*/

　　顯示            display: block;   /*顯示隱藏元素，以塊的形式顯示*/

　　　　　　　　display:inline-block;  /*顯示隱藏元素，以行內元素形式顯示*/

隱藏與顯示/*奇招*/

　　     　　   width=0px ;

　　　　　　　height=0px;    /*經過設置大小來達到隱藏的效果*/

　　　　　　　

　　　　　　　opacity:0;    /*經過設置透明度來達到隱藏的效果，數值在（0,1）*/