請大神指導CSS中visibility和display還有overflow隱藏的區別?

時間 2021-05-05 22:15:52

1樓:張鑫旭

《CSS世界》這本書P296有對visibility隱藏和display隱藏區別的詳細介紹。

目前已有的部分回答正好印證了第一段的描述——「有一些人簡單地認為……」。

實際上,visibility和display隱藏區別我所知道的還有其他三個:1. 繼承性; 2. CSS計數器;3. transition過渡;

DOM渲染上似乎還有是否觸發回流reflow的區別(這個不100%確信)。

至於overflow:hidden隱藏,由於性質上和display, visibility隱藏就不一樣,通常不和display,visibility一起比較。換句話說,差別太大,沒有可比性。

《CSS世界》這本書中overflow隱藏足足花了11頁進行介紹,而display和visibility隱藏加起來就7頁,個中細節,篇幅原因就不展開,有興趣可以買本書慢慢看起來。

2樓:Vi幕

他們都把主要的說了,我補充一點,乙個元素display:none後,子元素無論如何都不會出現在頁面上,除非觸發了chrome的渲染bug,但是不會監聽到事件的,只是乙個殘影,但如果乙個元素visibility:hidden,他的子元素是可以設定visibility:

visible來顯示的 。

3樓:仙女

visibility是佔位隱藏(元素看不見,但是還佔著原來的位置),display:none是不佔位隱藏(元素看不見,也不佔地方),overflow:hidden是溢位隱藏(超過元素區域的內容不可見)

4樓:顧軼靈

5樓:劉鑫

visibility:hidden頁面透明度為0,但占用頁面位置,占用記憶體。display直接從頁面刪掉,不佔位置但記憶體有。

蛙泳 請各位大神指導

樓主的蛙泳腿,幾乎沒有推動力,建議把蛙泳腿仔細看看,蛙泳腿有個簡單的練習方法,站立好,收小腿,用腳掌劃乙個半圓後恢復原狀 建議到泳池學習。個人推薦嗶哩嗶哩搜尋 蛙泳教程 1學習換氣2感受水感3學習站立 很重要,不然在自學的過程中容易嗆水 4蹬腿夾腿5下滑臂6抬頭換氣。多練習積累經驗 看起來大概還行,...

請大神指導該下什麼魚?

G.gravity 首先,沙子養水草是個問題,水草一般需要弱酸性軟水水質環境 水族箱只有這麼大 跟大自然相比 底床要為植物提供附著作用,一定程度上還要調節 緩衝水質,這就是很多水草泥會降酸的原因。草缸一般適合養燈魚類的熱帶魚,草缸和單純魚缸相比,因為底床 草 造景石頭 沉木等佔據空間,空間要小,另燈...

各位大神請指導一下作文

葉素綠 乍看之下,會覺得你在用這個事情說明小時候幹的任何事情都可以得到原諒,都不必後悔,這就是你所謂的適應這個世界。雖然我知道你想說的不是這個意思,但你主旨的表達有點含糊。要知道批卷老師看一篇文章的時間是極為有限的,不可能反覆地去想,所以結論是,你這麼寫很可能得低分。 tjhray 你所強調的成長,...