在CSS中，我們可以使用多種方法將子元素居中于父元素，以下是一些常用的方法：

1、使用flexbox：Flexbox是一個強(qiáng)大的布局工具，可以輕松實現(xiàn)子元素的居中，你可以將父元素設(shè)置為flex容器，并使用justify-content和align-items屬性來分別控制水平和垂直方向上的居中。

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

2、使用grid布局：CSS Grid也是一個非常強(qiáng)大的布局工具，可以實現(xiàn)子元素的***定位，你可以將父元素設(shè)置為grid容器，并使用justify-content和align-items屬性來控制子元素在父元素中的位置。

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

3、使用position屬性：如果你更喜歡使用定位來實現(xiàn)居中，可以使用position: relative將父元素設(shè)置為相對定位，然后使用position: absolute將子元素設(shè)置為***定位，并通過top、right、bottom和left屬性來調(diào)整子元素的位置。

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

4、使用transform屬性：transform屬性可以用來調(diào)整元素的位置和大小，你可以使用translate函數(shù)將子元素從原始位置移動到父元素的中心。

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

這些方法都可以幫助你實現(xiàn)子元素在父元素中的居中，你可以根據(jù)自己的需求和喜好選擇***適合的方法。