CSS常用水平居中技巧
在網頁設計中，常常需要對元素進行居中處理，而水平居中是其中一種常見需求，本文介紹幾種CSS常用水平居中技巧。
1. 使用text-align實現文本水平居中
使用text-align屬性來實現文本水平居中是比較簡單且常用的方法，只需要將父容器的text-align屬性設置為“center”即可。

歡迎來到我的主頁

2. 使用display:flex實現水平居中
CSS3中的flex布局可以讓我們更加方便的進行居中處理。只需要將父容器的display屬性設置為“flex”，并通過justify-content屬性來控制子元素在主軸方向上的布局。
.container{
display: flex;
justify-content: center;
}
.box{
width: 200px;
height: 100px;
}
在上述代碼中，父容器為.container，子元素為.box，子元素將在父容器水平方向上居中。
3. 使用margin實現水平居中
通過設置左右margin為“auto”可以實現元素水平居中，這種方法適用于元素為塊級元素的情況，需要注意的是，該方法需要設置元素的寬度。
.container{
width: 960px;
margin: 0 auto;
}
在上述代碼中，父容器為.container，設置了960px的寬度，并設置了左右margin為“auto”，從而實現了水平居中。
以上就是CSS常用的水平居中技巧。不同的情況下適用不同的方法，需要根據實際情況進行選擇。