雲伺服器通過內網穿透的方式ssh訪問內網伺服器
阿新 • • 發佈:2021-06-21
元素的顯示與隱藏
類似網站廣告,當我們點選關閉就不見了,但是我們重新重新整理頁面,會重新出現!
本質:讓一個元素在頁面中隱藏或者顯示出來。
-
display
顯示 -
visibility
可見性 -
overflow
溢位顯示隱藏
display
display 屬性用於設定一個元素應如何顯示。
display: none;
隱藏物件display:block ;
除了轉換為塊級元素之外,同時還有顯示元素的意思
display:none可以隱藏某個元素,且隱藏的元素不會佔用任何空間。
也就是說,該元素不但被隱藏了,而且該元素原本佔用的空間也會從頁面佈局中消失
應用及其廣泛,搭配 JS 可以做很多的網頁特效。類似網站廣告,當我們點選關閉就不見了,但是我們重新重新整理頁面,會重新出現!
visibility 可見性
visibility:visible;
可視visibility:hidden;
隱藏
visibility:hidden可以隱藏某個元素,但隱藏的元素仍需佔用與未隱藏之前一樣的空間。也就是說,該元素雖然被隱藏了,但仍然會影響佈局。
overflow 溢位
overflow
屬性用於控制內容溢位元素框時顯示的方式
值 | 描述 |
---|---|
visible | 預設值。內容不會被修剪,會呈現在元素框之外。 |
hidden | 內容會被修剪,並且其餘內容是不可見的。 |
scroll | 內容會被修剪,但是瀏覽器會顯示滾動條以便檢視其餘的內容。 |
auto | 如果內容被修剪,則瀏覽器會顯示滾動條以便檢視其餘的內容。 |
inherit | 規定應該從父元素繼承 overflow 屬性的值。 |