1. 程式人生 > >html visibility:hidden和display:none區別

html visibility:hidden和display:none區別

visibility:hidden----將元素隱藏,但是在網頁中該佔的位置還是佔著.
display:none----將元素的顯示設為無,即在網頁中不佔任何的位置.
例如有三個table,將中間的一個table hidden掉,你會發現在那個被hidden的table看不見了,但是,中間會留有很大的一空白,而這個空白就是這個table沒有被隱藏時所佔的位置
而none的作用更像是把元素從網頁中“去除”(當然不是真的去除,只是效果是如此)
例如有三個table,將中間的一個table none掉,你會發現在剩下的兩個table中間不會有任何的空白.就好像中間的那個table從來不存在過一樣