flex布局设置居中

要使用flex布局设置居中，可以使用以下属性：

1. 水平居中：使用`justify-content`属性，将其设置为`center`。例如：

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

2. 垂直居中：使用`align-items`属性，将其设置为`center`。例如：

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

3. 水平垂直同时居中：可以将上述两个属性同时应用于容器。例如：

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