请给我举一个使用CSS3 flex布局实现水平居中的例子，并以markdown代码块的形式给出。
user
```markdown
要使用CSS3的Flex布局实现一个子元素在父容器中的水平居中，可以使用以下代码：

```css
/* 父容器样式 */
.parent {
  display: flex; /* 设置为弹性盒子模型 */
  justify-content: center; /* 主轴（水平）居中 */
}

/* 子元素样式 */
.child {
  width: 200px; /* 可以自定义宽度 */
  height: 100px; /* 可以自定义高度 */
}
```

在这个例子中，`.parent` 类的元素会被设置为一个弹性容器，并且其子元素会被在其内部的主轴（水平方向）上居中显示。
```

请注意，这个Markdown代码块可以直接复制到任何支持Markdown的编辑器中使用。
assistant