CSS父相自絕居中是一個比較常用的布局技巧，可以讓元素在父容器中水平與垂直居中。其實現原理是利用絕對定位和負邊距來實現。

.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

上述代碼中，父容器設置為相對定位（position: relative;)，子元素利用絕對定位（position: absolute;)來脫離文檔流，top和left屬性都設置為50%來讓元素水平和垂直居中。但是這時候子元素只是以父容器左上角為基準點居中，所以需要使用transform屬性來將子元素向左上位置偏移自身寬高的一半（transform: translate(-50%, -50%);）。

需要注意的是，父容器需要有固定的寬高值，否則子元素無法居中。如果父容器寬度和高度不一致，那么垂直居中和水平居中需要單獨處理，可以使用不同的屬性來實現。

除了使用絕對定位和負邊距的方法，還可以使用flex布局來實現父相自絕居中。這種方法比較簡潔，代碼也比較易懂。父容器需要設置display: flex;和justify-content: center; align-items: center;屬性，子元素將自動居中。

.parent {
display: flex;
justify-content: center;
align-items: center;
}
.child {
/* 子元素樣式 */
}

父相自絕居中是前端開發中非常實用的一個技巧，更多關于布局方面的知識歡迎學習。