的display屬性和visibility屬性

2021-08-10 18:53:15 字數 512 閱讀 4237

1、display屬性

display屬性常用來設定元素的浮動特徵,當display設定為block(塊)時,容器中所有元素都將被當做乙個單獨的塊放入到頁面中;將display設定為inline,將使其行為和元素inline一樣,即使他是普通的塊元素,它也將會被組合成像那樣的輸出流輸出到頁面上;將display設定為none,則該元素實際上就從頁面中被移走,它下面的所有元素都會被自動跟上填充。

display屬性可以用來設定或檢索物件是否顯示以及如何顯示。

2、display屬性和visibility屬性的對比

visibility屬性用來確定元素是顯示還是隱藏,這用visibility=」visible/hidden」來表示,visible表示顯示,hidden表示隱藏。當visibility被設定為hidden時,元素雖然被隱藏了,但它仍然佔據它原來所在的位置。

display屬性與visibility屬性相比有些不同。visibility屬性是隱藏元素但保持元素的浮動位置,而display屬性實際上是設定元素的浮動特徵。

盒子的display屬性

box 1 box 2 box 3 box 4 box 5 box 6 box 7 box 8 這樣就把本來 塊 div 變成 行 了 把 行 變成 塊 display none是隱藏了當前行或塊 顯示的效果跟預設有差別,測試對比看看 對行內元素,需要注意如下 設定寬度width 無效。設定高度he...

display屬性(重點)

行內元素 塊級元素 在以前的html知識中,我們已經將標籤分過類,當時分為了 文本級 容器級。從html的角度來講,標籤分為 現在,從css的角度講,css的分類和上面的很像,就p不一樣 我們可以通過display屬性將塊級元素和行內元素進行相互轉換。display即 顯示模式 一旦,給乙個塊級元素...

display屬性解析

此元素不會被顯示 此元素將顯示為塊級元素,此元素前後會帶有換行符。預設。此元素會被顯示為內聯元素,元素前後沒有換行符。行內塊元素。css2.1 新增的值 此元素會作為列表顯示。此元素會根據上下文作為塊級元素或內聯元素顯示。此元素會作為塊級 來顯示 類似 前後帶有換行符。此元素會作為內聯 來顯示 類似...