CSS中要想讓子盒子在父盒子里居中，首先需要將父盒子設置為相對定位（position: relative;），同時將子盒子設置為絕對定位（position: absolute;）。然后，使用top、left、bottom、right屬性來調整子盒子的位置。

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

上面的代碼可以將子盒子在父盒子中垂直居中和水平居中。其中，top和left屬性將子盒子的左上角定位在父盒子的中心點，而transform屬性則將子盒子向左和向上移動半個自身的寬度和高度，以達到水平居中和垂直居中的效果。

需要注意的是，如果子盒子本身帶有邊框或者內邊距，那么需要通過CSS的box-sizing屬性來調整它們的寬度和高度，以避免影響居中效果。同時，在某些情況下，使用flexbox布局也可以方便地實現盒子的居中。

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

上述代碼使用了flex布局，通過justify-content和align-items屬性來將子盒子水平和垂直居中。這種方法比使用絕對定位和transform屬性還要簡單一些，同時也不需要處理邊框和內邊距的問題。