Better than yesterday-前端【display:none與visibility:h

jemygraw 發(fā)布于2019-08-26 10:47 / 1372人閱讀

display:none;與visibility:hidden;

相同點(diǎn)：
兩者都能實(shí)現(xiàn)元素的隱藏

區(qū)別：
display:none;元素并不會(huì)占據(jù)任何物理空間，但是visibility:hidden只是看不到，但是物理上還是存在的【也就是說如果使用display:none;原本該元素占用的空間會(huì)在頁面布局上消失】

實(shí)例：



    
        
        display:none與vivibility:hidden實(shí)踐
    
    
    
        
            第一個(gè)div設(shè)置display:none
        
        
            第二個(gè)div
        
        
            第三個(gè)div設(shè)置visibility:hidden
        
        
            第四個(gè)div

實(shí)現(xiàn)效果

**顯而易見的是，第一個(gè)div設(shè)置了display:none;所以第一個(gè)divc從頁面布局中消失了
相對(duì)的第三個(gè)div設(shè)置了visibility:hidden;雖然看不到了但是保留了原有的寬高**

美句賞析：

I want all of you,forever,You and me,every day.
我想完全擁有你，你和我，每一天，直到永遠(yuǎn)。

**希望從現(xiàn)在開始養(yǎng)成寫文章的習(xí)慣，為了比昨天更好**

云服務(wù)器 GPU云服務(wù)器 yesterday better than 前端與后端

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/106770.html

相關(guān)文章

AJAX應(yīng)用【股票案例、驗(yàn)證碼校驗(yàn)】

摘要：當(dāng)然了，和具體股票對(duì)象應(yīng)該是全局的變量這樣才能夠在別的方法中用到二驗(yàn)證碼校驗(yàn)對(duì)于驗(yàn)證碼檢查我們并不會(huì)陌生，我們?cè)趯W(xué)習(xí)的時(shí)候已經(jīng)使用過了驗(yàn)證碼檢查了。一、股票案例我們要做的是股票的案例，它能夠無刷新地更新股票的數(shù)據(jù)。當(dāng)鼠標(biāo)移動(dòng)到具體的股票中，它會(huì)顯示具體的信息。我們首先來看一下要做出來的效果： showImg(https://segmentfault.com/img/remote/...

阿羅 2019-08-19 10:41 評(píng)論0 收藏0
python大佬養(yǎng)成計(jì)劃----difflib模塊

摘要：模塊為的標(biāo)準(zhǔn)庫模塊，無需安裝。并且支持輸出可讀性比較強(qiáng)的文檔，與下的命令相似。模塊打開文件只能寫入類型不管字符串是什么編碼方式。 difflib模塊 difflib為python的標(biāo)準(zhǔn)庫模塊，無需安裝。用來對(duì)比文本之間的差異。并且支持輸出可讀性比較強(qiáng)的HTML文檔，與LInux下的diff 命令相似。在版本控制方面非常有用。 codecs模塊 open打開文件只能寫入str類型,不管字...

Shonim 2019-07-30 17:46 評(píng)論0 收藏0
PyTips 0x00 - Python 之禪與 Pythonic

摘要：之禪與之禪是語言的設(shè)計(jì)哲學(xué)與所倡導(dǎo)的編程理念，則是指基于理念編寫更加符合語法習(xí)慣的代碼，這也是本項(xiàng)目所追求的目標(biāo)，因此以本篇作為開頭。 Python 之禪與 Pythonic Python 之禪是 Python 語言的設(shè)計(jì)哲學(xué)與所倡導(dǎo)的編程理念，Pythonic 則是指基于 Python 理念編寫更加符合 Python 語法習(xí)慣（idiomatic Python）的代碼，這也是本項(xiàng)目所...

VishKozus 2019-07-24 18:31 評(píng)論0 收藏0
第 2 章　變量和簡單數(shù)據(jù)類型

摘要：第章變量和簡單數(shù)據(jù)類型變量就是變量，這個(gè)變量存儲(chǔ)了一個(gè)值。變量的命名和使用變量名字母，數(shù)字，下劃線。想要永久刪除空白，必須把刪除操作的結(jié)果保存到變量里。除法效果等同于模塊中的函數(shù)返回不大于的整數(shù)所以當(dāng)運(yùn)算數(shù)是負(fù)數(shù)時(shí)結(jié)果會(huì)向下取整。第 2 章　變量和簡單數(shù)據(jù)類型 2.2 變量 message = Hello World! message 就是變量，這個(gè)變量存儲(chǔ)了一個(gè)值。 2.2.1　變...

mikasa 2019-07-31 11:16 評(píng)論0 收藏0
幾種實(shí)用的 pythonic 語法

摘要：生成器可以簡單理解成一個(gè)函數(shù)，每次執(zhí)行到語句就返回一個(gè)值，通過不停地調(diào)用這個(gè)函數(shù)，就能獲取到所有的值，這些值就能構(gòu)成了一個(gè)等效的列表，但是與列表不同的是，這些值是不斷計(jì)算得出，而列表是在一開始就計(jì)算好了，這就是的思想。 python 是一門簡單而優(yōu)雅的語言，可能是過于簡單了，不用花太多時(shí)間學(xué)習(xí)就能使用，其實(shí) python 里面還有一些很好的特性，能大大簡化你代碼的邏輯，提高代碼的可讀性...

The question 2019-07-30 15:38 評(píng)論0 收藏0