1系忙、display:none 不為被隱藏的對(duì)象保留其物理空間 visibility：hidden 為被隱藏的對(duì)象保留其物理空間
也就是display:;當(dāng)他的值變成block 的時(shí)候疹启，它所在的結(jié)構(gòu)才會(huì)被加載進(jìn)來(lái)。
而visibility就會(huì)在加載頁(yè)面的同時(shí)就已經(jīng)把它加載進(jìn)來(lái)了肥荔，因?yàn)樗闹禐閔idden的時(shí)候，它所占的空間還在。
2坟乾、空間占據(jù)的不同
display:none隱藏后不占據(jù)額外空間档桃，它會(huì)產(chǎn)生回流和重繪枪孩，而visibility:hidden和opacity:0元素雖然隱藏了，但它們?nèi)匀徽紦?jù)著空間，它們倆只會(huì)引起頁(yè)面重繪蔑舞。
2018-09-14 display:'none'和visibility:'hidden'的區(qū)別
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門(mén)掏婶，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)，“玉大人阴挣，你說(shuō)我怎么就攤上這事气堕。” “怎么了畔咧？”我有些...
- 文/不壞的土叔 我叫張陵茎芭，是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我誓沸，道長(zhǎng)梅桩，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任拜隧，我火速辦了婚禮宿百，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘洪添。我一直安慰自己垦页，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開(kāi)白布干奢。 她就那樣靜靜地躺著痊焊，像睡著了一般。 火紅的嫁衣襯著肌膚如雪忿峻。 梳的紋絲不亂的頭發(fā)上薄啥，一...
- 那天，我揣著相機(jī)與錄音逛尚，去河邊找鬼垄惧。 笑死，一個(gè)胖子當(dāng)著我的面吹牛绰寞，可吹牛的內(nèi)容都是我干的到逊。 我是一名探鬼主播铣口，決...
- 文/蒼蘭香墨 我猛地睜開(kāi)眼，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼蕾管！你這毒婦竟也來(lái)了枷踏？” 一聲冷哼從身側(cè)響起，我...
- 序言：老撾萬(wàn)榮一對(duì)情侶失蹤掰曾，失蹤者是張志新（化名）和其女友劉穎，沒(méi)想到半個(gè)月后停团，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體旷坦，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年佑稠，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了秒梅。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
- 正文 年R本政府宣布，位于F島的核電站履恩，受9級(jí)特大地震影響锰茉，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜切心，卻給世界環(huán)境...
- 文/蒙蒙 一飒筑、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧绽昏，春花似錦协屡、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至啼县，卻和暖如春材原，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背季眷。 一陣腳步聲響...
- 正文 我出身青樓威酒，卻偏偏與公主長(zhǎng)得像窑睁，于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子葵孤，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案担钮？ 參考答案 (1)瀏覽器兼容問(wèn)題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
- 前端開(kāi)發(fā)者丨h(huán)ttp請(qǐng)求 https:www.rokub.com 前言見(jiàn)解有限， 如有描述不當(dāng)之處尤仍， 請(qǐng)幫忙指出箫津，...
- 1赡模、display:none（1）田炭、瀏覽器不會(huì)生成屬性為display: none;的元素。（2）漓柑、display...
- 大家好教硫，我是IT修真院北京分院第23期的學(xué)員郭婷婷，一枚正直純潔善良的WEB前端程序員辆布。 今天給大家分享一下瞬矩，修真...
- 第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML標(biāo)準(zhǔn)谚殊。 注意：講述HT...
