課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
例子中x，y軸是不是反了
2018-07-29
源自：十天精通CSS3 8-4
正在回答
上面兩個解釋都有問題，position 50% 是相對于父級元素，這樣元素的左上角是在父級的中心點(diǎn)。translate -50% 是相對自己的寬高，這樣元素自己的中心點(diǎn)就和父級中心點(diǎn)重合，所以可以實(shí)現(xiàn)對父級居中。
left50%是頁面的50%，translate50%是自身寬度和高度的50%
left50%讓元素往右邊移了50%，translate(-50%,-50%)又讓元素左移了50%，所以沒反呢
舉報(bào)
本課程為CSS3入門教程，深刻詳解CSS3知識讓網(wǎng)頁穿上絢麗裝備
3 回答translate 用%？？？
2 回答item的translate??????????
1 回答translate的-50%,-50%
4 回答translate 和 position的區(qū)別
1 回答translate水平垂直居中
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2020-12-22
上面兩個解釋都有問題，position 50% 是相對于父級元素，這樣元素的左上角是在父級的中心點(diǎn)。translate -50% 是相對自己的寬高，這樣元素自己的中心點(diǎn)就和父級中心點(diǎn)重合，所以可以實(shí)現(xiàn)對父級居中。
2019-08-14
left50%是頁面的50%，translate50%是自身寬度和高度的50%
2018-07-30
left50%讓元素往右邊移了50%，translate(-50%,-50%)又讓元素左移了50%，所以沒反呢