課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
設(shè)置margin-top為?其負(fù)的高度的一半是什么意思，不理解
2021-07-03
源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 15-3
正在回答
因?yàn)樵诰W(wǎng)頁(yè)中元素的默認(rèn)定位都是在左上角，所以當(dāng)為某元素設(shè)置 margin-top: 50%； 之后，并不代表該元素的位置在相對(duì)元素的y坐標(biāo)居中對(duì)齊，還要向上偏移自身高度的一半。
?
qq_慕移動(dòng)2452305
自身高度是一百，則負(fù)的高度的一半則是-50所以margin-top：-50px;
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答關(guān)于垂直居中的設(shè)置
2 回答如何設(shè)置文字垂直居中
1 回答子塊不知道寬高居中
2 回答怎么垂直居中 求告知
6 回答不管是已知寬高的盒子還是寬高不定的盒子都可以用 transform: translate(-50%, -50%);來(lái)實(shí)現(xiàn)水平垂直居中吧？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2021-07-06
因?yàn)樵诰W(wǎng)頁(yè)中元素的默認(rèn)定位都是在左上角，所以當(dāng)為某元素設(shè)置 margin-top: 50%； 之后，并不代表該元素的位置在相對(duì)元素的y坐標(biāo)居中對(duì)齊，還要向上偏移自身高度的一半。
?
2021-07-06
自身高度是一百，則負(fù)的高度的一半則是-50所以margin-top：-50px;