在CSS中，要使父盒子居中，可以使用多種方法，一種常見的方法是使用flexbox布局。

1、使用flexbox布局：

將父盒子設置為一個flex容器，即設置display: flex。

使用justify-content: center和align-items: center來水平和垂直居中子元素。

示例代碼如下

.parent-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

2、使用grid布局：

將父盒子設置為一個grid容器，即設置display: grid。

使用justify-content: center和align-items: center來水平和垂直居中子元素。

示例代碼如下

.parent-box {
  display: grid;
  justify-content: center;
  align-items: center;
}

3、使用position和transform：

將父盒子設置為position: relative。

將子元素設置為position: absolute，并使用top: 50%和left: 50%來定位子元素。

使用transform: translate(-50%, -50%)來微調子元素的位置，以實現居中。

示例代碼如下

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

這些方法都可以使父盒子中的子元素居中，你可以根據自己的需求和布局選擇***適合的方法。