例題請教啊

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

天窗的螞蟻

2016-01-08

源自：十天精通CSS3 8-4

關(guān)注問題我要回答

892

操作

收起

2 回答

繆小苗
2016-02-24

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

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

bluerat
2016-01-09

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