css-顯示與隐藏(display,visibility,overflow)

元素的顯示與隐藏

在CSS中有三個顯示和隐藏分别是 display visibility 和 overflow。

display 顯示

display 設定或檢索對象是否及如何顯示。

display : none 隐藏對象 與它相反的是 display:block 除了轉換為塊級元素之外，同時還有顯示元素的意思。

特點： 隐藏之後，不再保留位置。

visibility 可見性

設定或檢索是否顯示對象。

visible : 　對象可視

hidden : 　對象隐藏

特點： 隐藏之後，繼續保留原有位置。（停職留薪）

overflow 溢出

檢索或設定當對象的内容超過其指定高度及寬度時如何管理内容。

visible : 　不剪切内容也不添加滾動條。

auto : 　 超出自動顯示滾動條，不超出不顯示滾動條

hidden : 　不顯示超過對象尺寸的内容，超出的部分隐藏掉

scroll : 　不管超出内容否，總是顯示滾動條