display
none
不佔位常用
visibility
visible/hidden
佔位overflow
visible/hidden/scroll/auto
display: none;
display隱藏元素後,不再占有原來的位置。
visible
預設值。元素是可見的。
hidden
元素是不可見的。
collapse
當在**元素中使用時,此值可刪除一行或一列,但是它不會影響**的布局。被行或列佔據的空間會留給其他內容使用。如果此值被用在其他的元素上,會呈現為 "hidden"。
inherit
visibility隱藏元素後,繼續占有原來的位置。
visible
預設值。內容不會被修剪,會呈現在元素框之外。
hidden
內容會被修剪,並且其餘內容是不可見的。
scroll
內容會被修剪,但是瀏覽器會顯示滾動條以便檢視其餘的內容。不超出也顯示滾動條
auto
如果內容被修剪,則瀏覽器會顯示滾動條以便檢視其餘的內容。 超出才顯示滾動條,不超出就不顯示滾動條
CSS元素的顯示與隱藏
我們訪問某些 的時候,經常可以看到一些廣告彈出來,點選關閉就不見了,但是重新重新整理頁面後,廣告又會重新彈出來。這就是元素的顯示和隱藏的乙個應用。display屬性用於設定乙個元素應如何顯示。display隱藏元素後,不再占有原來的位置。visibility屬性用於指定乙個元素應可見還是隱藏。vis...
CSS實現控制元素的顯示和隱藏
1 使用label input實現元素的隱藏和顯示 以下 點選 選單 可以實現li列表的顯示和隱藏 style type text css input,ul input checked ul style body label for menu 選單 label div input id menu t...
元素的顯示和隱藏
一 display 屬性 用於設定乙個元素應如何顯示 display none 隱藏物件 display block 除了轉換為塊級元素之外,同時還有顯示元素的意思。隱藏元素後,不再占有原來的位置 二 visibility 用於指定乙個元素應可見還是隱藏 visibility hidden 元素隱藏...