display: flex;居左居中和居右

display: flex; 是CSS中的一个属性，用于创建弹性盒子布局。设置不同的justify-content属性值，可以实现居左、居中和居右的效果。

1. 居左对齐：使用justify-content: flex-start;[^1]

.button-wrapper {
  display: flex;
  justify-content: flex-start;
}

2. 居中对齐：使用justify-content: center;

.button-wrapper {
  display: flex;
  justify-content: center;
}

3. 居右对齐：使用justify-content: flex-end;

.button-wrapper {
  display: flex;
  justify-content: flex-end;
}