實例詳解display:none與visible:hidden的區(qū)別
更新時間：2017年03月30日 10:43:26 投稿：lqh
這篇文章主要介紹了實例詳解display:none與visible:hidden的區(qū)別的相關(guān)資料,需要的朋友可以參考下
display:none與visible:hidden的區(qū)別
display:none和visible:hidden都能把網(wǎng)頁上某個元素隱藏起來，但兩者有區(qū)別:
display:none ---不為被隱藏的對象保留其物理空間，即該對象在頁面上徹底消失，通俗來說就是看不見也摸不到。
visible:hidden--- 使對象在網(wǎng)頁上不可見，但該對象在網(wǎng)頁上所占的空間沒有改變，通俗來說就是看不見但摸得到。
例子：
<html> <head> <title>display:none和visible:hidden的區(qū)別</title> </head> <body > <span style="display:none; background-color:Blue">隱藏區(qū)域</span><span style=" background-color:Green">顯示區(qū)域</span><br /> <span style="visibility:hidden; background-color:Blue">隱藏區(qū)域</span><span style="background-color:Green">顯示區(qū)域</span> </body> </html>
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
這篇文章主要介紹了JS異步宏隊列與微隊列原理區(qū)別詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-07-07
這篇文章主要介紹了小程序登錄態(tài)管理的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
這篇文章主要介紹了微信WeixinJSBridge API使用實例,本文直接給出HTML代碼,代碼中包含了很多實用功能,如圖片預(yù)覽、分享到微博、隱藏右上角按鈕、獲取網(wǎng)絡(luò)狀態(tài)、發(fā)起公眾號微信支付等內(nèi)容,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了es6 symbol的實現(xiàn)方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
Bootstrap 粘頁腳，說得具體一點就是“將固定高度的頁腳緊貼頁面底部”，本文給大家分享具有實現(xiàn)代碼，感興趣的朋友參考下吧2016-03-03
寫js時遇到的一些小問題,需要的朋友可以參考下。2010-12-12
圖片漂浮效果想必大家都有見到過吧，一般都是通過js來實現(xiàn)的，下面為大家介紹的這個示例也是通過js實現(xiàn)的2014-06-06
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)4位隨機驗證碼的生成，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
JavaScript中如何判斷一個變量是數(shù)組Array類型呢？本文向大家提供一個比較不錯的方法，可以說是無懈可擊了2013-09-09
第一次動手實現(xiàn)bootstrap table分頁效果
這篇文章主要為大家詳細介紹了第一次動手實現(xiàn)bootstrap table分頁效果的相關(guān)代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09