display:flex居中

以下是两种使用display:flex进行居中的方法：

1. 水平居中[^1]

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

2. 水平垂直居中[^2]

.m-node {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  border: 1px solid #ddd;
}