CSS在父容器里面居中的方法有很多種，其中最常見的方法是使用`margin`和`居中`屬性。下面將詳細(xì)介紹這些方法：

1. 使用`margin`屬性

使用`margin`屬性可以將元素居中，只需在父容器元素的`margin`屬性中設(shè)置水平margin和垂直margin，同時(shí)將子元素的`margin`設(shè)置為0。例如：

```css

.parent {

width: 300px;

height: 300px;

.child {

width: 100px;

height: 100px;

margin: 0 auto;

在上面的代碼中，`.parent`元素的寬度為300px，高度為300px，而`.child`元素的寬度為100px，高度為100px，并使用`margin: 0 auto`將元素居中。

需要注意的是，如果子元素的寬度或高度超過了父元素的寬度或高度，則元素可能會變形。為了避免這種情況，可以使用絕對定位或偽元素來將子元素居中。

2. 使用`transform`屬性

使用`transform`屬性可以將元素居中，只需在父容器元素的`transform`屬性中設(shè)置旋轉(zhuǎn)角度和旋轉(zhuǎn)位置，同時(shí)將子元素的`transform`設(shè)置為`translate()`。例如：

```css

.parent {

width: 300px;

height: 300px;

transform: translateY(50px);

.child {

width: 100px;

height: 100px;

在上面的代碼中，`.parent`元素的寬度為300px，高度為300px，并使用`transform: translateY(50px)`將元素向上移動50px。同樣，如果子元素的寬度或高度超過了父元素的寬度或高度，則元素可能會變形。為了避免這種情況，可以使用絕對定位或偽元素來將子元素居中。

3. 使用`table-cell`屬性

使用`table-cell`屬性可以將元素居中，只需在父容器元素的`display`屬性中設(shè)置為`table-cell`，同時(shí)將子元素的`display`設(shè)置為`table-cell`。例如：

```css

.parent {

width: 300px;

height: 300px;

display: table;

.child {

width: 100px;

height: 100px;

display: table-cell;

在上面的代碼中，`.parent`元素的寬度為300px，高度為300px，并使用`display: table`將元素顯示為表格。`.child`元素的寬度為100px，高度為100px，并使用`display: table-cell`將元素顯示為單元格。

需要注意的是，使用`table-cell`屬性可能會影響元素的樣式，因?yàn)樗鼘⒃剞D(zhuǎn)換為單元格。為了避免這種情況，可以在單元格中設(shè)置字體、顏色、邊框等樣式。

以上是三種常用的CSS在父容器里面居中的方法，可以根據(jù)自己的需要選擇其中一種或多種方法來實(shí)現(xiàn)居中效果。