課程
/前端開發
/HTML/CSS
/十天精通CSS3
?translate(-50%,-50%)在這個代碼段的具體作用是什么?
2015-11-29
源自:十天精通CSS3 8-10
正在回答
當使用:top:?50%;left:?50%;, 是以左上角為原點,故不處于中心位置
?translate(-50%,-50%) 作用是,往上(x軸),左(y軸)移動自身長寬的 50%,以使其居于中心位置
yunsky0 提問者
<div> 我的回答 </div>
便宜到左上角 距離為自身的一半
往左平移自己寬度的一半的距離
往右平移自己寬度的一半的距離
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網頁穿上絢麗裝備
1 回答translate的-50%,-50%
3 回答translate()里面的-50%為什么是相對于自身?
3 回答font:bold 0/50 Arial 這個0是代表什么
1 回答這個在網頁中的具體作用是什么?
2 回答top:50%; bottom:0; 這兩個在一起是什么意思
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-11-29
當使用:top:?50%;left:?50%;, 是以左上角為原點,故不處于中心位置
?translate(-50%,-50%) 作用是,往上(x軸),左(y軸)移動自身長寬的 50%,以使其居于中心位置
2017-08-29
2015-11-30
便宜到左上角 距離為自身的一半
2015-11-29
往左平移自己寬度的一半的距離
往右平移自己寬度的一半的距離