這篇文章主要介紹“display與visibility的區(qū)別是什么”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“display與visibility的區(qū)別是什么”文章能幫助大家解決問題。

創(chuàng)新互聯(lián)公司公司2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元平和做網(wǎng)站,已為上家服務(wù),為平和各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

有些人簡(jiǎn)單的認(rèn)為display: none;和visibility: hidden;

這兩個(gè)屬性的區(qū)別在于前者隱藏后不占據(jù)文檔空間。

后者隱藏后會(huì)占據(jù)文檔空間。

其實(shí)visibility: hidden并不是你想的這個(gè)簡(jiǎn)單。

visibility是一個(gè)你低估了的屬性，

我們都知道visibility: hidden;是具繼承性的，

如果父級(jí)元素設(shè)置了visibility: hidden;

那么子集元素也會(huì)看不見。

但是如果子集元素設(shè)置了visibility: visible;

則該子元素又會(huì)顯示出來

這個(gè)和display:none有著本質(zhì)的區(qū)別

   

• 你看不見我1

   

• 你看不見我2

   

• 你看不見我3

   

• 你看不見我4

我們發(fā)現(xiàn)雖然最外層的ul雖然被visibility: hidden

但是其子元素設(shè)置了 visibility: visible

那么該子元素就會(huì)被顯示出來

關(guān)于“display與visibility的區(qū)別是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。