div 顯示與隱藏

2021-09-07 20:56:37 字數 770 閱讀 2225

visibility隱藏的物件還保留物件顯示時所佔的物理空間,display則不保留。可以儲存下面的**看看效果:

具體步驟:

**示例:

←ss屬性為visibility:hidden的物件

←ss屬性為display:none的物件

特別提示

用visibility屬性控制隱藏的物件還佔據著它顯示時的位置,而display則沒有。

特別說明

display屬性設定元素的顯示方式,對應指令碼特性為display,可選值為none、block和inline,各值的說明如下:

none 隱藏元素,不保留元素顯示時的空間。

block塊方式顯示元素。

inline 以內嵌方式顯示元素。

inline-block物件顯示為內嵌元素,但所有子物件都顯示為塊元素,相鄰的內嵌元素將顯示在同一行,允許空格。

list-item 將塊元素顯示為列表物件,並可以新增專案標點。(需要ie6.0+支援)

table-header-group 將元素作為**標題組顯示,相當於thead元素。

table-footer-group 將元素作為**腳注組顯示,相當於tfoot元素。

visibility屬性設定是否顯示元素,對應的指令碼特性為visibility,可選值為inherit、hidden和visible,各值的說明如下:

inherit 繼承父元素的visibility屬性設定。

hidden 隱藏元素,但保留其所佔空間。

visible 顯示元素(預設值)。

div 顯示與隱藏

最近寫專案用到div隱藏,以下引用 visibility隱藏的物件還保留物件顯示時所佔的物理空間,display則不保留。可以儲存下面的 看看效果 具體步驟 示例 ss屬性為visibility hidden的物件 ss屬性為display none的物件 特別提示 用visibility屬性控制隱...

div 顯示與隱藏

visibility隱藏的物件還保留物件顯示時所佔的物理空間,display則不保留。可以儲存下面的 看看效果 具體步驟 示例 ss屬性為visibility hidden的物件 ss屬性為display none的物件 特別提示 用visibility屬性控制隱藏的物件還佔據著它顯示時的位置,而d...

div 顯示與隱藏

最近寫專案用到div隱藏,以下引用 visibility隱藏的物件還保留物件顯示時所佔的物理空間,display則不保留。可以儲存下面的 看看效果 具體步驟 示例 ss屬性為visibility hidden的物件 ss屬性為display none的物件 特別提示 用visibility屬性控制隱...