從 Pulsar Client 的原理到它的監(jiān)控面板
背景前段時(shí)間業(yè)務(wù)團(tuán)隊(duì)偶爾會(huì)碰到一些 Pulsar 使用的問題，比如消息阻塞不消費(fèi)了、生產(chǎn)者消息發(fā)送緩慢等各種問題。雖然我們有個(gè)監(jiān)控頁面可以根據(jù) topic 維度查看他的發(fā)送狀態(tài)，
采用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)