水平居中是網頁設計中非常重要的一個技巧，可以讓頁面看起來更加美觀和統一。在 CSS 中實現水平居中非常簡單，我們可以使用 text-align 和 margin 屬性來實現。

/* 使用 text-align 屬性實現水平居中 */ 
.center {
width: 50%; /* 設定元素寬度 */
margin: 0 auto; /* 設置左右邊距自動，即可實現水平居中*/
text-align: center; /* 設置文本居中 */
}
/* 使用 margin 屬性實現水平居中 */ 
.center {
width: 50%; /* 設定元素寬度 */
margin: 0 auto; /* 設置左右邊距自動，即可實現水平居中*/
}

以上兩種方式都可以實現水平居中，具體使用哪一種取決于具體的情況。需要注意的是，這些方法都是針對塊級元素的，對于行內元素需要使用其他的方法實現水平居中。

除了上述兩種方法，我們還可以使用 Flex 布局實現水平居中。這種方法可以適用于各種情況，包括垂直居中等。

.container {
display: flex; /* 設置為 Flex 布局 */
justify-content: center; /* 設置水平居中 */
align-items: center; /* 設置垂直居中 */
}

Flex 布局可以實現非常強大的布局效果，不僅可以實現水平居中，還可以同時實現垂直居中、等寬布局等。

總的來說，水平居中是網頁設計中非?；A的技巧之一，熟練掌握這些方法可以讓頁面更加美觀和整潔。