今天就跟大家聊聊有關(guān)css中display:none和visibility:hidden的區(qū)別，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

成都創(chuàng)新互聯(lián)公司專注于企業(yè)全網(wǎng)營銷推廣、網(wǎng)站重做改版、筠連網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、成都h5網(wǎng)站建設(shè)、電子商務(wù)商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為筠連等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

【display:none】與【visibility:hidden】的區(qū)別是：1、前者不為被隱藏的對象保留其物理空間，后者為被隱藏的對象保留其物理空間；2、前者值變成block的時(shí)候結(jié)構(gòu)才會被加載進(jìn)來，后者加載頁面的同時(shí)就已經(jīng)把它加載進(jìn)來。

display:none 不為被隱藏的對象保留其物理空間

visibility：hidden 為被隱藏的對象保留其物理空間也就是display:;

當(dāng)他的值變成block 的時(shí)候，它所在的結(jié)構(gòu)才會被加載進(jìn)來。

而visibility就會在加載頁面的同時(shí)就已經(jīng)把它加載進(jìn)來了，因?yàn)樗闹禐?code>hidden的時(shí)候，它所占的空間還在。

使用CSS display:none屬性后，HTML元素（對象）的寬度、高度等各種屬性值都將“丟失”;

而使visibility:hidden屬后，HTML元素（對象）僅僅是在視覺上看不見（完全透明），而它所占據(jù)的空間位置仍然存在

看完上述內(nèi)容，你們對css中display:none和visibility:hidden的區(qū)別有進(jìn)一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。