元素的顯示與隱藏

2022-09-18 07:45:48 字數 536 閱讀 1155

在css中有三個顯示和隱藏的單詞比較常見,我們要區分開,他們分別是 display visibility 和 overflow。

他們的主要目的是讓乙個元素在頁面中消失,但是不在文件原始碼中刪除。 最常見的是**廣告,當我們點選類似關閉不見了,但是我們重新重新整理頁面,它們又會出現和你玩***!!

display : none 隱藏物件 與它相反的是 display:block 除了轉換為塊級元素之外,同時還有顯示元素的意思。

特點: 隱藏之後,不再保留位置。

設定或檢索是否顯示物件。

visible :  物件可視

hidden :  物件隱藏

特點: 隱藏之後,繼續保留原有位置。(停職留薪)

檢索或設定當物件的內容超過其指定高度及寬度時如何管理內容。

visible :  不剪下內容也不新增滾動條。

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

hidden :  不顯示超過物件尺寸的內容,超出的部分隱藏掉(最常用)

scroll :  不管超出內容否,總是顯示滾動條

元素的顯示與隱藏

display none 隱藏物件.display block 除了轉換層塊級元素,同時還有顯示元素的意思.特點 隱藏後不再保留位置,多用於下拉列表.visibility visible 物件可視 visibility hidden 物件隱藏 特點 隱藏後保留位置 停薪留職 屬性值 描述visibl...

元素的顯示與隱藏

配合後面js做特效,比如下拉列表,原先沒有,滑鼠經過,顯示下拉列表,應用極為廣泛 描述visible不剪下內容也不新增滾動條 hidden不顯示超過物件尺寸的內容,超出的部分隱藏掉 scroll不管超出內容否,總是顯示滾動條 auto超出自動顯示滾動條,不超出不顯示滾動條 清除浮動 隱藏超出內容,隱...

元素的隱藏與顯示

1.display 語法格式 display none 值 none隱藏物件。black顯示物件以及轉換成塊級元素 2.visibility 格式 visibility hidden visible是元素可視,hidden是元素隱藏 注意 隱藏的元素仍繼續占有原有的位置。一般display none...