例題請教啊

在例題中，.wrapper設置了絕對定位，然后他自身又translate(-50%,-50%);這里的50%是相對于誰來說的？是它自身的50%嗎？

天窗的螞蟻

2016-01-08

源自：十天精通CSS3 8-4

關注問題我要回答

874

操作

收起

2 回答

繆小苗
2016-02-24

http://www.xianlaiwan.cn/wenda/detail/310427? 我在這里寫了一下，你看一下立馬明白了

1 回復有任何疑惑可以回復我~

收起回答

bluerat
2016-01-09

設置絕對定位以后top:50%,left:50%是相當于wrapper的左上角在屏幕中央。但是wrapper的寬度和高度未知,自然整個wrapper是不在屏幕中央，要設置wrapper在屏幕中央就得設置wrapper自身的中心點在屏幕中央，把wrapper自身向x,y軸向反方向（向左和向上）各移動50%,即把整個wrapper水平和垂直居中了。