CSS中，我們可以很容易的實現子容器居中的效果，主要有以下幾種方法：

1. 使用Flex布局

.parent {
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}

2. 使用Grid布局

.parent {
display: grid;
place-items: center; /* 水平垂直居中 */
}

3. 使用position和transform

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

4. 使用text-align和line-height

.parent {
text-align: center;
}
.child {
display: inline-block;
line-height: /* 父元素高度 */;
vertical-align: middle;
}

以上是一些實現子容器居中效果的方法，根據實際需求選擇相應的方法即可。