display: flex;下div居中

在使用display: flex属性进行div居中时，可以通过设置父容器的属性来实现。具体方法如下：

1. 使用justify-content属性实现水平居中[^1]：

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

2. 使用align-items属性实现垂直居中[^2]：

.container {
  display: flex;
  align-items: center;
}

3. 同时使用justify-content和align-items属性实现水平和垂直居中：

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

需要注意的是，以上方法都是基于父容器的高度已经设置好的情况下。如果父容器的高度是自适应的，上下居中效果可能不明显。