CSS定位是網頁設計中非常重要的一部分，常常會用到將盒子水平居中的操作，這在排版設計中非常常見。下面將介紹一些實現這個操作的方法。

.center {
position: relative;//設置父盒子相對定位
}
.center div {
position: absolute;//設置子盒子絕對定位
left: 50%;//讓子盒子左邊界貼在父盒子中部
transform: translateX(-50%);//讓子盒子中心點和父盒子中心點重合
}

以上代碼將父盒子設為相對定位，子盒子設為絕對定位，然后設置左邊距為50%，通過transform將盒子左移自身寬度的一半，實現了水平居中的效果。

.center {
display: flex;//設置父盒子為彈性布局
justify-content: center;//讓子元素水平居中
}

使用flex布局的方法也非常簡單，只需要在父盒子上設置display: flex;和justify-content: center;就能夠實現水平居中的效果。

以上兩種方法都能夠讓盒子水平居中，具體使用哪種方法取決于具體的需求和實際情況。