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