直屏旗艦來了 iQOO 12和K70 Pro同臺(tái)競(jìng)技
旗艦機(jī)基本上使用的都是雙曲面屏幕，這就讓很多喜歡直屏的愛好者在苦等一款直屏旗艦，這次，你們等到了。據(jù)博主數(shù)碼閑聊站帶來的最新爆料稱，Redmi下代旗艦K70 Pro和iQOO 12兩款手
采用CSS實(shí)現(xiàn)元素隱藏的方法有很多種，比如定位到屏幕之外、透明度變換等。而常見的兩種方式是將元素設(shè)置為display:none或者visibility:hidden。
當(dāng)元素樣式設(shè)置為display：none時(shí)，則該元素和它的子元素都會(huì)隱藏，不占據(jù)文檔流（就是元素原本占據(jù)的空間會(huì)釋放出來）。
給元素樣式設(shè)置display:none<div class="a">A</div><div class="b">B</div><div class="c">C</div>樣式設(shè)置為
.a,.b,.c{ width:50px; height:50px; text-align:center; background:blue; margin-top:5px; line-height:50px; color:red;}效果如：
圖片
添加display:none后效果如下：
圖片
B原本占據(jù)的空間會(huì)釋放出來。
display的其他常見屬性值及說明
屬性值 | 說明 |
block | 元素轉(zhuǎn)化為塊級(jí)元素顯示 |
inline | 元素轉(zhuǎn)化為行內(nèi)元素顯示 |
inline-block | 自身元素轉(zhuǎn)化為行內(nèi)元素，相鄰的行內(nèi)元素顯示在一行，但其子元素為塊級(jí)元素顯示 |
visibility:hidden也可以將元素隱藏，但是依然顯示著元素所占據(jù)的空間。如：
給元素樣式設(shè)置visibility:none<div class="a">A</div><div class="b">B</div><div class="c">C</div>css樣式：
.a,.b,.c{ width:50px; height:50px; text-align:center; background:blue; margin-top:5px; line-height:50px; color:red;}.b{ visibility:hidden;}效果如下：
圖片
visibility的其他屬性值：
屬性值 | 說明 |
inherit | 繼承父元素的visibility屬性設(shè)置 |
visible | 默認(rèn)值 |
本文鏈接：http://www.www897cc.com/showinfo-26-34660-0.htmlDisplay和Visibility的區(qū)別，你了解了嗎？
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com
上一篇： 實(shí)現(xiàn)Eureka服務(wù)注冊(cè)和服務(wù)發(fā)現(xiàn)，你學(xué)會(huì)了嗎？
Copyright ? 2016-2023 天津谷騏科技有限公司 版權(quán)所有 sitemap.xml
違法及侵權(quán)請(qǐng)聯(lián)系：2376512515@qq.com 津ICP備18001702號(hào)
津公網(wǎng)安備 12010102000574號(hào)