visibility和display的區別和用法

2021-05-26 00:07:02 字數 995 閱讀 7160

div的visibility可以控制div的顯示和隱藏,但是隱藏後頁面顯示空白: 

style="visibility: none;"

document.getelementbyid("typediv1").style.visibility="hidden";//隱藏

document.getelementbyid("typediv1").style.visibility="visible";//顯示

通過設定display屬性可以使div隱藏後釋放占用的頁面空間,如下

style="display: none;"

document.getelementbyid("typediv1").style.display="none";//隱藏

document.getelementbyid("typediv1").style.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 顯示元素(預設值)。

matlab中 fprintf 和disp的用法

disp pi pi error using disp too many input arguments.disp sprintf 圓周率pi 8.5f pi 圓周率pi 3.14159 想把字串pi 和變數pi的值顯示在一行上,試用disp pi pi 回答這是非法的.這時應該用sprintf函式...

CSS中Visibility和Display的區別

大多數人很容易將css屬性display和visibility混淆,它們看似沒有什麼不同,其實它們的差別卻是很大的。visibility屬性用來確定元素是顯示還是隱藏,這用visibility visible hidden 來表示,visible表示顯示,hidden表示隱藏。當visibility...

display和visibility的用法和區別

大多數人很容易將css屬性display和visibility混淆,它們看似沒有什麼不同,其實它們的差別卻是很大的。visibility和display兩個屬性都有隱藏元素的功能。visibility屬性所控制的元素雖然不在瀏覽器裡面顯示出來,但他在瀏覽區里是存在的,只是不顯示而已。而display...