CSS屬性 display 顯示屬性

2021-04-21 09:49:46 字數 1802 閱讀 2664

演示示例 visibility 屬性?

該css屬性用來設定物件如何顯示。

的預設值都為 inline。

值:block | none | inline | inline-block | list-item | table-header-group | table-footer-group | inherit 

可用值值的說明

block

象塊型別元素一樣顯示。

none

預設值。向行內元素型別一樣顯示。

inline-block

象行內元素一樣顯示,但其內容象塊型別元素一樣顯示。

list-item

象塊型別元素一樣顯示,並新增樣式列表標記。

table-header-group

顯示在任何**行和行組合之前,在頭部標題之後。

table-footer-group

顯示在任何**行和行組合之後,在底部標題前。

除了以下元素,所有元素的 display ?

除了以下元素,所有元素的 display 的預設值都為 inline:

元素display 屬性值

address

block

blockquote

block

body

block

center

block

colblock

colgroup

block

ddblock

dirblock

divblock

dlblock

dtblock

fieldset

block

form

block

frame

none

hnblock

hrblock

iframe

block

legend

block

lilist-item

listing

block

marquee

block

menu

block

olblock

pblock

plaintext

block

preblock

table

block

tbody

none

tdblock

tfoot

none

thblock

thead

none

trblock

ulblock

xmpblock

所有可見的 html 物件為 block 或者 inline。舉例來說,div 物件就是乙個塊型別元素 (block element),而 span 物件則是乙個行內元素 (inline element)。block 元素另起一行,並可以包含其它 block 元素和 inline 元素。inline 元素則不會另起一行,inline 元素包含其它 inline 元素或者資料。改變 display元素會影響周圍的內容:

對比 visibility 屬性, display 值設為 none 時,會消除該元素佔據的空間。

div

下面的**顯示了 display 屬性中block, inline, none的區別。

this is a span in a sentence.

演示示例

否演示示例 該css屬性用來設定物件如何顯示。物件則是乙個行內元素。

所有元素

作者或編者:布啦布啦   最近更新日期:2007-05-01

css中的display顯示與隱藏屬性

通常預設html內容是顯示,但有時我們想前期他隱藏,滑鼠經過乙個觸發地方,便顯示被隱藏內容,這個時候開始時候我們運用display none,當滑鼠經過觸發地方時,js對應呼叫display block樣式的css顯示內容。我們用css偽類隱藏案例 1 如下 這是沒有隱藏 2 然後給這個div新增c...

css樣式display屬性

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

CSS 布局 display 屬性

display 屬性規定是否 如何顯示元素。每個 html 元素都有乙個預設的 display 值,具體取決於它的元素型別。大多數元素的預設 display 值為 block 或 inline。塊級元素總是從新行開始,並佔據可用的全部寬度 盡可能向左和向右伸展 內聯元素不從新行開始,僅占用所需的寬度...