2016.8.19 將div設置為隱藏使用style=“display:none”


style="display:none"表示隱藏。

 

style="display:block"表示顯示。

 

在代碼中則使用$("#id").show();

 

代碼:

 

效果如圖所示:

 

注意:display屬性與visibiity屬性的區別!

visibility屬性:

確定元素顯示還是隱藏;

visibility="visible|hidden",visible顯示,hidden隱藏。

當visibility被設置為"hidden"的時候,元素雖然被隱藏了,但它仍然占據它原來所在的位置。

 

display屬性:

就有一點不同了。visibility屬性是隱藏元素但保持元素的浮動位置,而display實際上是設置元素的浮動特征。

其中block和none值最常用。

block:默認值。

當display被設置為block(塊)時,容器中所有的元素將會被當作一個單獨的塊,就像<DIV>元素一樣,它會在那個點被放入到頁面中。(實際上你可以設置<span>的display:block,使其可以像<DIV>一樣工作。

inline:

將display設置為inline,將使其行為和元素inline一樣---即使它是普通的塊元素如<DIV>,它也將會被組合成像<span>那樣的輸出流。

none:

最后是display被設置:none,這時元素實際上就從頁面中被移走,它下面所在的元素就會被自動跟上填充。

 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM