CSS讓一個盒子水平居中可以采取多種方法，以下選取一些最常見的。

/* 方法一：使用margin */
div {
width: 50%;
margin: 0 auto;
}
/* 方法二：使用flexbox */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 方法三：使用grid */
.container {
display: grid;
place-items: center;
}
/* 方法四：使用position和transform */
.container {
position: relative;
}
.child {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

以上方法至少有一個適合你的場景。希望這篇文章能幫助你解決盒子水平居中的問題。