请问translate的意义是什么

绝对定位left：50%不是已经居中了吗？为什么还要加一个transform：translate（-50%，0）

源自：项目：CSS3实现汉克狗案例 2-1 汉克狗头部轮廓和耳朵

收起

1回答

好帮手慕夭夭 2019-05-27 10:02:45

你好同学，left：50%并不会让元素居中的，老师给你举一个小例子用来说明 transform：translate的作用，如下：

当一个元素设置left：50%的时候，是它左边缘居中，如下：

想要元素中心能够在居中，要让元素往回移动它自身宽度的一半：

所以transform: translate(-50%,0);的作用就是设置元素的位移，第一个值为-50%就是水平向左移动它自身宽度的一半哦。

祝学习愉快，望采纳。

登录后可查看更多问答，登录/注册

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

问答作业

16 1

65 3

26 3

18 1

188 1

请稍等 ...

请选择置顶位置