:translate
来源：8-4 CSS3中的变形--位移 translate()
一腿毛
2018-07-29 17:56
例子中x，y轴是不是反了
写回答
关注
3回答
-
- 漠里
- 2020-12-22 13:26:51
上面两个解释都有问题，position 50% 是相对于父级元素，这样元素的左上角是在父级的中心点。translate -50% 是相对自己的宽高，这样元素自己的中心点就和父级中心点重合，所以可以实现对父级居中。
-
- tigerchn
- 2019-08-14 18:27:38
left50%是页面的50%，translate50%是自身宽度和高度的50%
-
- qq_雙葉
- 2018-07-30 07:39:44
left50%让元素往右边移了50%，translate(-50%,-50%)又让元素左移了50%，所以没反呢
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242555 学习 · 2623 问题
相似问题