例题请教啊
来源：8-4 CSS3中的变形--位移 translate()
天窗的蚂蚁
2016-01-08 21:56
在例题中，.wrapper设置了绝对定位，然后他自身又translate(-50%,-50%);这里的50%是相对于谁来说的？是它自身的50%吗？
写回答
关注
2回答
-
- 缪小苗
- 2016-02-24 12:30:20
http://www.imooc.com/wenda/detail/310427 我在这里写了一下，你看一下立马明白了
-
- bluerat
- 2016-01-09 12:18:31
设置绝对定位以后top:50%,left:50%是相当于wrapper的左上角在屏幕中央。但是wrapper的宽度和高度未知,自然整个wrapper是不在屏幕中央，要设置wrapper在屏幕中央就得设置wrapper自身的中心点在屏幕中央，把wrapper自身向x,y轴向反方向（向左和向上）各移动50%,即把整个wrapper水平和垂直居中了。
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242555 学习 · 2623 问题
相似问题