display: flex居中

要在CSS中使用`display: flex`来实现居中，您可以使用以下方法：

1. 使用`justify-content`和`align-items`属性对父容器进行设置。例如：

.parent {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

2. 如果您只需要水平居中，请使用`margin`属性来自动计算左右边距。例如：

.parent {
  display: flex;
}

.child {
  margin: 0 auto; /* 自动计算左右边距来实现水平居中 */
}

3. 如果您只需要垂直居中，请使用`margin`属性来自动计算上下边距。例如：

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

.child {
  margin: auto 0; /* 自动计算上下边距来实现垂直居中 */
}

请根据您的具体需求选择适合的方法。