translate和margin-left：宽的一半负值

请问这里用translate达到的效果是不是等同margin

慕雪01454 2019-08-31

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

4

收起

1回答

好帮手慕星星 2019-08-31 12:00:00

同学你好，

指的是头部设置translate吗？

和设置margin-left:宽的一半负值是一样的哦。

translate这种方式也适用于元素没有设置宽高的时候，例如：

祝学习愉快！

提问者慕雪01454 #1

老师意思是效果一样。但是magin的前提是必须有宽高值。但是translate可以没有明确宽高的时候达到居中效果吗？

2019-09-05 10:19:04
好帮手慕星星回复提问者慕雪01454 #2

是这个意思哦，因为margin的方式需要设置宽高的一半，所以元素必须有宽高值。translate方式，浏览器会自动进行计算。

2019-09-05 10:36:10

相似问题

请问这题margin-left是负的，为什么用margin-right没效果

问下老师，margin-left,margin-right负值的问题

老师能详细讲讲为什么left设置mar-left：-100%而right设置-220吗？没想清楚

请问translate的意义是什么

margin属性值正负问题(三个问题)

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

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

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

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载