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