元素的顯示與隱藏

2022-05-08 18:12:13 字數 574 閱讀 5729

類似**廣告,當我們點選關閉就不見了,但是我們重新重新整理頁面,會重新出現!

本質:讓乙個元素在頁面中隱藏或者顯示出來。

1.display 顯示隱藏

2.visibility 顯示隱藏

3.overflow 溢位顯示隱藏

display屬性用於設定乙個元素應如何顯示

display:none 隱藏物件

display: block; 除了轉換為塊級元素之外,同時還有顯示元素的意思

display隱藏元素後,不再占有原來的位置。

後面應用及其廣泛,搭配js可以很多的網頁特效

visibility屬性用於指定乙個元素可見還是隱藏。

visibility:visible;元素可視

visibility:hidden;元素隱藏

visibility隱藏元素後,繼續占有原來的位置。

如果隱藏元素想要原來位置,就用visibility: hidden

如果隱藏元素不想要原來位置,就用display:none(用處更多重點)

overflow屬性指定了如果內容溢位乙個元素的框(超過指定高度及寬度)時,會發生什麼。

元素的顯示與隱藏

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...