CSS筆記 元素的顯示和隱藏

2021-10-10 18:40:42 字數 887 閱讀 6709

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 元素隱藏...