小編給大家分享一下css中display:hidden和display:none有哪些區(qū)別，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司是專業(yè)的龍江網(wǎng)站建設(shè)公司，龍江接單;提供網(wǎng)站制作、做網(wǎng)站,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行龍江網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

css中display:hidden和display:none的區(qū)別是：display:none表示不存在且不加載，即不為被隱藏的對象保留其物理空間；display:hidden表示隱藏但在瀏覽時保留位置，及對象在網(wǎng)頁上不可見。

區(qū)別分析：

display:none視為不存在且不加載，即不為被隱藏的對象保留其物理空間，該對象在頁面上徹底消失。

visibility:hidden隱藏，但在瀏覽時保留位置，即使對象在網(wǎng)頁上不可見，但該對象在網(wǎng)頁上所占的空間沒有改變。

使用 display:none屬性后，HTML元素（對象）的寬度、高度等各種屬性值都將“丟失”；而使用visibility:hidden屬性后，HTML元素（對象）僅僅是在視覺上看不見（完全透明），而它所占據(jù)的空間位置仍然存在。也即是說它仍具有高度、寬度等屬性值。

舉例：

    
    


    

        

            
A1
            
            
A2
            
        
        

            
B1
            
            
B2
            
        
    

效果：

在表格第二行的 tr 加上 style="display:none"后：

在表格第二行的 tr 加上 style="visibility:hidden"后：

以上是css中display:hidden和display:none有哪些區(qū)別的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！