translate(-50%,-50%)在这个代码段的具体作用是什么？

translate(-50%,-50%)在这个代码段的具体作用是什么？

yunsky0

2015-11-29

源自：十天精通CSS3 8-10

关注问题我要回答

17908

操作

收起

4 回答

化龙贝回答被采纳 +3 积分
2015-11-29

当使用：top: 50%;left: 50%;，是以左上角为原点，故不处于中心位置

translate(-50%,-50%) 作用是，往上（x轴）,左（y轴）移动自身长宽的 50%，以使其居于中心位置

9 回复有任何疑惑可以回复我~

#1

yunsky0 提问者

非常感谢！

2015-11-29 回复有任何疑惑可以回复我~

qq_小王子_11
2017-08-29

<div>
我的回答
</div>

0 回复有任何疑惑可以回复我~

echo_kinchao
2015-11-30

便宜到左上角距离为自身的一半

0 回复有任何疑惑可以回复我~

慕男婶
2015-11-29

往左平移自己宽度的一半的距离

往右平移自己宽度的一半的距离

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

十天精通CSS3

参与学习 243125 人
解答问题 2677 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

本课相似问答

1 回答translate的-50%,-50%

3 回答translate()里面的-50%为什么是相对于自身？

3 回答font:bold 0/50 Arial 这个0是代表什么

1 回答这个在网页中的具体作用是什么？

2 回答top:50%; bottom:0; 这两个在一起是什么意思

搜索更多本课相关问答

translate(-50%,-50%)在这个代码段的具体作用是什么？

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号