在CSS3中，我們可以使用多種方法使子元素在父元素中水平居中，以下是一些常見的方法：

1、使用margin屬性：

我們可以將子元素的左右margin設(shè)置為auto，使子元素在父元素中水平居中，這種方法適用于塊級元素。

```css

.parent {

text-align: center;

}

.child {

display: block;

margin-left: auto;

margin-right: auto;

}

```

2、使用flexbox布局：

Flexbox布局是一種現(xiàn)代的CSS布局模式，可以輕松地使子元素在父元素中水平居中。

```css

.parent {

display: flex;

justify-content: center;

}

.child {

/* 無需設(shè)置 */

}

```

3、使用grid布局：

Grid布局也是現(xiàn)代CSS中的一種布局模式，可以使子元素在父元素中水平居中。

```css

.parent {

display: grid;

justify-content: center;

}

.child {

/* 無需設(shè)置 */

}

```

4、使用transform屬性：

我們可以使用transform屬性將子元素在水平方向上居中，這種方法適用于任何元素類型。

```css

.parent {

position: relative;

}

.child {

position: absolute;

left: 50%;

transform: translateX(-50%);

}

```

方法可以幫助你在CSS3中輕松實現(xiàn)子元素的水平居中，你可以根據(jù)自己的需求和布局選擇合適的方法。