CSS小盒子怎么居中？

在CSS中，可以使用多種方法將小盒子居中，以下是一些常用的方法：

1、使用margin屬性

通過在小盒子的上下左右都設置相等的margin，可以實現(xiàn)小盒子的居中。

.box {
  margin: 20px;
}

2、使用position屬性

通過在小盒子上設置position屬性為absolute或relative，并將其top和left屬性設置為50%，可以實現(xiàn)小盒子的居中。

.box {
  position: absolute;
  top: 50%;
  left: 50%;
}

3、使用transform屬性

通過在小盒子上設置transform屬性，可以將其移動到頁面的中心位置。

.box {
  transform: translate(0, 0);
}

4、使用flexbox布局

通過在小盒子的父元素上設置display屬性為flex，并將其justify-content和align-items屬性都設置為center，可以實現(xiàn)小盒子的居中。

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

是一些常用的將小盒子居中的方法，可以根據(jù)具體的需求選擇適合的方法。