課程
/前端開發(fā)
/JavaScript
/表單驗(yàn)證
為什么要用visibility:visible,而不是display:block,有什么區(qū)別.
2016-09-10
源自:表單驗(yàn)證 5-1
正在回答
display:none和visibility:hidden都是把網(wǎng)頁(yè)上某個(gè)元素隱藏起來(lái)的功能,但兩者有所區(qū)別,經(jīng)過(guò)親自實(shí)驗(yàn),我發(fā)現(xiàn)使用 visibility:hidden屬性會(huì)使對(duì)象不可見,但該對(duì)象在網(wǎng)頁(yè)所占的空間沒有改變(看不見但摸得到),等于留出了一塊空白區(qū)域,而 display:none屬性會(huì)使這個(gè)對(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í)候,它所占的空間還在。
成長(zhǎng)前端初學(xué)者 提問(wèn)者
舉報(bào)
表單驗(yàn)證是JavaScript中的高級(jí)選項(xiàng)之一,輸入框的驗(yàn)證
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-09-10
display:none和visibility:hidden都是把網(wǎng)頁(yè)上某個(gè)元素隱藏起來(lái)的功能,但兩者有所區(qū)別,經(jīng)過(guò)親自實(shí)驗(yàn),我發(fā)現(xiàn)使用 visibility:hidden屬性會(huì)使對(duì)象不可見,但該對(duì)象在網(wǎng)頁(yè)所占的空間沒有改變(看不見但摸得到),等于留出了一塊空白區(qū)域,而 display:none屬性會(huì)使這個(gè)對(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í)候,它所占的空間還在。