display:none和visible:hidden都能把網頁上某個元素隱藏起來，但兩者有區別:

display:none

不為被隱藏的對象保留其物理空間，即該對象在頁面上徹底消失，通俗來說就是看不見也摸不到，不占頁面的空間。

visible:hidden

使對象在網頁上不可見，但該對象在網頁上所占的空間沒有改變，通俗來說就是看不見但摸得到，保留它占據的空間。

很簡單的一個知識點，相信很多人都了解，但是新手可能會忽略，面試的時候可能會遇到。

總結

以上是生活随笔為你收集整理的易混淆知识点（2）：display:none与visible:hidden的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。