課程
/前端開發(fā)
/JavaScript
/彈出層效果
這個(gè)遮罩的登陸框定位不能用margin:auto;嗎 ?非要計(jì)算?
2015-03-04
源自:彈出層效果 3-2
正在回答
因?yàn)閘ogin這個(gè)容器設(shè)定的position是fixed, margin: auto只在未設(shè)置float或者position不為absolute不為fixed的條件下才能生效.
可以利用margin居中,而不是像老師那樣要計(jì)算值減來減去還除以2,本人親自實(shí)現(xiàn)了。登錄框的代碼#login{position:fixed; width:600px;height:600px; top:50%;left:50%;margin-top:-300px;/*-300px是因?yàn)閔eight是600px*/ margin-left:-300px;/*同理,-300px是因?yàn)閣idth是600px 也就是說要margin-top :負(fù)高度的一半!這樣完美居中!?。?!不相信可以拿去試一試。*/ }
如果用margin:auto,你還要考慮瀏覽器兼容性的問題
舉報(bào)
通過本課程的學(xué)習(xí)讓您能靈活運(yùn)用知識(shí),制作出超炫的彈出層效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-03-31
因?yàn)閘ogin這個(gè)容器設(shè)定的position是fixed, margin: auto只在未設(shè)置float或者position不為absolute不為fixed的條件下才能生效.
2016-07-14
可以利用margin居中,而不是像老師那樣要計(jì)算值減來減去還除以2,本人親自實(shí)現(xiàn)了。登錄框的代碼#login{position:fixed; width:600px;height:600px; top:50%;left:50%;margin-top:-300px;/*-300px是因?yàn)閔eight是600px*/ margin-left:-300px;/*同理,-300px是因?yàn)閣idth是600px 也就是說要margin-top :負(fù)高度的一半!這樣完美居中!?。?!不相信可以拿去試一試。*/ }
2015-10-11
如果用margin:auto,你還要考慮瀏覽器兼容性的問題