CSS是網頁設計中不可或缺的一部分，它可以幫助我們實現各種效果，其中水平居中是一個常見的需求。以下是在CSS中實現水平居中的幾種方法。

//方法一：使用margin
.container {
width: 80%; //假設容器寬度為80%
margin: 0 auto; //左右margin都為auto
}
//方法二：使用flex布局
.container {
display: flex;
justify-content: center; //水平居中
align-items: center; //垂直居中
}
//方法三：使用position和transform
.container {
width: 80%; //假設容器寬度為80%
position: relative;
left: 50%;
transform: translateX(-50%);
}
//方法四：使用display: inline-block和text-align
.container {
width: 80%; //假設容器寬度為80%
display: inline-block;
text-align: center; //讓內部元素居中顯示
}

以上是幾種比較常見的實現水平居中的方法，可以根據實際需求選擇不同的方案。需要注意的是，使用margin和position方法時，需要確定容器的寬度；使用flex和display方法時，則相對靈活一些。