/* 水平方向 */
.row-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-around-center {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.row-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

.row-center-between {
  display: flex;
  justify-content: center;
  align-items: space-between;
}

.row-center-around {
  display: flex;
  justify-content: center;
  align-items: space-around;
}


/* 垂直方向 */
.col-center-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.col-start-center {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}

.col-center-start {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}