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

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

display:none;與visibility:hidden;

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

區(qū)別：

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

實例：



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

實現(xiàn)效果

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

美句賞析：

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

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

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

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

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/106770.html

相關(guān)文章

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

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

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

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

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

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

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

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

mikasa 2019-07-31 11:16 評論0 收藏0
幾種實用的 pythonic 語法

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

The question 2019-07-30 15:38 評論0 收藏0