CSS中實現水平居中的方法有很多種，以下介紹常用的三種方法：

1. 使用margin屬性

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

該方法需要給需要居中的元素設置固定寬度，并設置左右margin為auto。

2. 使用flex布局

.container{
display: flex;
justify-content: center;
}
.box{
width: 200px;
height: 200px;
}

該方法需要給父元素設置display: flex屬性，并設置justify-content為center，即可使內部元素水平居中。

3. 使用絕對定位和transform

.box{
position: absolute;
left: 50%;
transform: translateX(-50%);
}

該方法需要給需要居中的元素設置position為absolute，左側定位值為50%，并使用transform屬性將元素向左移動50%。