CSS display:none和visible:hidden區別

ytweb發表於2023-05-09

1、display:none和visible:hidden都能把網頁上某個元素隱藏起來。

2、但兩者有區別:

●display:none ---不為被隱藏的物件保留其物理空間,即該物件在頁面上徹底消失,通俗來說就是看不見也摸不到。

●visible:hidden--- 使物件在網頁上不可見,但該物件在網頁上所佔的空間沒有改變,通俗來說就是看不見但摸得到。

1、visibility: hidden----將元素隱藏,但是在網頁中該佔的位置還是佔著。

2、display: none----將元素的顯示設為無,即在網頁中不佔任何的位置。

3、例如有三個table,將中間的一個table hidden掉,你會發現在那個被hidden的table看不見了,但是,中間會留有很大的一空白,而這個空白就是這個table沒有被隱藏時所佔的位置。

4、而none的作用更像是把元素從網頁中“去除”(當然不是真的去除,只是效果是如此)

5、例如有三個table,將中間的一個table none掉,你會發現在剩下的兩個table中間不會有任何的空白。就好像中間的那個table從來不存在過一樣。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/29187948/viewspace-2950947/,如需轉載,請註明出處,否則將追究法律責任。

相關文章