溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
今天就跟大家聊聊有關(guān)css中display:none和visibility:hidden的區(qū)別，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。
【display:none】與【visibility:hidden】的區(qū)別是：1、前者不為被隱藏的對象保留其物理空間，后者為被隱藏的對象保留其物理空間；2、前者值變成block的時候結(jié)構(gòu)才會被加載進來，后者加載頁面的同時就已經(jīng)把它加載進來。
display:none 不為被隱藏的對象保留其物理空間
visibility：hidden 為被隱藏的對象保留其物理空間也就是display:;
當(dāng)他的值變成block 的時候，它所在的結(jié)構(gòu)才會被加載進來。
而visibility就會在加載頁面的同時就已經(jīng)把它加載進來了，因為他的值為hidden的時候，它所占的空間還在。
使用CSS display:none屬性后，HTML元素（對象）的寬度、高度等各種屬性值都將“丟失”;
而使visibility:hidden屬后，HTML元素（對象）僅僅是在視覺上看不見（完全透明），而它所占據(jù)的空間位置仍然存在
看完上述內(nèi)容，你們對css中display:none和visibility:hidden的區(qū)別有進一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
