CSS display:none和visible:hidden區別

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從來不存在過一樣。