CSS中，將一個(gè)盒子居中顯示是常見的需求，實(shí)現(xiàn)方式有多種，以下是一些常見的方法：

1、使用flex布局：將盒子的父元素設(shè)置為flex容器，并使用justify-content和align-items屬性來分別控制水平和垂直方向上的居中。

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

2、使用grid布局：與flex類似，grid布局也可以實(shí)現(xiàn)盒子的居中。

.parent {
  display: grid;
  justify-content: center;
  align-items: center;
}

3、使用transform屬性：通過transform屬性，可以將盒子相對(duì)于其***近的定位祖先（或相對(duì)于初始包含塊）進(jìn)行居中。

.box {
  position: relative;
  transform: translate(-50%, -50%);
  left: 50%;
}

4、使用margin屬性：通過計(jì)算盒子的寬度和高度，可以計(jì)算出需要的margin值，從而實(shí)現(xiàn)居中。

.box {
  width: 200px;
  height: 200px;
  margin: auto;
}

需要注意的是，這種方法只適用于盒子的寬度和高度明確的情況，如果盒子的寬度和高度是動(dòng)態(tài)的，這種方法可能無法正常工作，在這種情況下，可能需要使用其他方法來實(shí)現(xiàn)居中。