子塊不知道寬高居中
?.subDiv{ ?????transform:?translate(-50%,?-50%);?/*?先上左移動50%,這里50%是子塊自身標(biāo)準(zhǔn)?*/ ?????position:absolute; ?????top:50%;????????/*?在通過絕對定位下右50%居中,這里50%是父塊標(biāo)準(zhǔn)?*/ ?????left:50%; ?} /*??可以這樣理解嗎?*/
?.subDiv{ ?????transform:?translate(-50%,?-50%);?/*?先上左移動50%,這里50%是子塊自身標(biāo)準(zhǔn)?*/ ?????position:absolute; ?????top:50%;????????/*?在通過絕對定位下右50%居中,這里50%是父塊標(biāo)準(zhǔn)?*/ ?????left:50%; ?} /*??可以這樣理解嗎?*/
2020-10-24
舉報
2020-10-25
是的。
transform:?translate(
-50%
,?
-50%
),這里表達(dá)的是已經(jīng)絕對定位(相對于父塊是相對定位)的子塊左上角的點為父塊的正中心值減去自身寬高的一半。