CSS屬性中Display與Visibility

2021-07-14 06:01:16 字數 639 閱讀 3072

visibility屬性是隱藏元素但保持元素的浮動位置,而display實際上是設定元素的浮動特徵。

visibility屬性用來確定元素是顯示還是隱藏,這用visibility="visible|hidden"來表示,

visible表示顯示,

hidden表示(僅)隱藏,不可恢復。

當visibility被設定為"hidden"的時候,元素雖然被隱藏了,

1、仍然佔據它原來所在的位置。visibility會保留元素的位置.

2、元素被隱藏之後,就不能再接收到其它事件了,當其被設為"hidden"的時候,就不能再接收響應到事件了,因此也就無法通過js令其顯示出來。

display屬性就有一點不同了。

none隱藏(元素消失),可恢復

inline,block顯示

1、display被設定為block(塊)時,容器中所有的元素將會被當作乙個單獨的塊,就像元素一樣,它會在那個點被放入到頁面中。(實際上你可以設定的display:block,使其可以像一樣工作。

2、display設定為inline,將使其行為和元素inline一樣---即使它是普通的塊元素如,它也將會被組合成像那樣的輸出流。最後是display被設定:none,這時元素實際上就從頁面中被移走,它下面所在的元素就會被自動跟上填充。

css中display屬性詳解

display屬性值 none 此元素不會被顯示。block 此元素將顯示為塊級元素,此元素前後會帶有換行符。inline 預設。此元素會被顯示為內聯元素,元素前後沒有換行符。inline block 行內塊元素。css2.1 新增的值 list item 此元素會作為列表顯示。run in 此元素...

css 中display屬性認識

none 設定元素不顯示。相當於對應元素不存在,不佔據空間。可以改善重排和重繪,這個不懂,需要去了解 inline 行內元素,顯示在一行。設定的width,height,text align都不起作用。設定line height可以讓文字垂直居中 block 設定元素為塊級。inline block...

CSS中的display屬性

display中文為顯示的意識,顯而易見它的功能就是為了控制頁面元素顯示方式 display中為我們提供了很多屬性,其中最常見的有 none屬性代表著元素不會被顯示 比如很多 的頂部導航欄都會有二級選單,只有當我們的滑鼠移動或點選時二級選單才會顯示出來。這是就可以使用到display none這個屬...