CSS中有很多的方法可以將盒子居中，下面我們來介紹幾種方法。

1. 使用text-align: center;屬性可以使內部元素居中，對于塊級元素，可以將其設置為display: inline-block;再使用text-align: center;來居中。

.box {
text-align: center;
}
.box > div {
display: inline-block;
}

2. 使用margin: auto;屬性可以使盒子水平居中，對于具有指定高度的盒子，設置它們的垂直方向的margin為auto可以使其垂直居中。

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

3. 使用absolute和transform屬性可以使絕對定位的盒子居中，但需要注意其父元素需要設置position: relative;。

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

4. 使用flex布局可以讓盒子輕松地水平和垂直居中，設置其父元素為display: flex;和justify-content: center;align-items: center;即可。

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

這些是基本的居中方法，不同場合可能有不同的需求，我們可以針對具體的情況來選擇最合適的居中方式。