CSS中盒子的居中是Web開發中常遇到的問題，如何讓盒子在網頁中水平居中或垂直居中，是Web開發人員需要掌握的基本技巧之一。

以下是一些實現盒子居中的CSS代碼，使用前請引入相應的CSS文件。

/* 水平居中 */
.box {
width: 200px; /* 盒子寬度 */
margin: 0 auto; /* 左右外邊距為auto，即水平居中 */
}
/* 垂直居中 */
.box {
height: 200px; /* 盒子高度 */
position: absolute; /* 相對定位 */
top: 50%; /* 上邊距為50%，即垂直居中 */
}
/* 水平、垂直居中 */
.box {
width: 200px; /* 盒子寬度 */
height: 200px; /* 盒子高度 */
position: absolute; /* 相對定位 */
top: 50%; /* 上邊距為50%，即垂直居中 */
left: 50%; /* 左邊距為50%，即水平居中 */
transform: translateX(-50%) translateY(-50%); /* 平移 */
}

以上代碼只是其中的一部分，實際上還有很多其他的方法可以實現盒子的居中。同時，需要注意不同的居中方式對網頁的布局產生的影響，從而選擇合適的方法進行應用。