在網頁設計中，水平居中可以讓頁面看起來更加美觀和整潔。在 CSS 中，實現水平居中有多種方式。 一、使用 text-align 屬性 可以使用 text-align 屬性來實現文本水平居中，比如將 div 元素內的文本水平居中，可以這樣寫：

<div style="text-align:center;">這里是文本</div>

這樣寫可以讓文本居中顯示，但是對于其他元素并不適用。 二、使用 margin 屬性 可以使用 margin 屬性來實現元素水平居中，比如將 div 元素水平居中，可以這樣寫：

<div style="margin:auto;">這里是內容</div>

這樣寫可以讓 div 元素水平居中，但是對于內聯元素并不適用。 三、使用 flex 屬性 可以使用 flex 布局來實現元素水平居中。首先需要給父元素添加 display: flex; 屬性，然后再給子元素添加 margin: auto; 屬性，就可以實現水平居中了，比如：

<div style="display:flex;">
<div style="margin:auto;">這里是內容</div>
</div>

這樣做可以同時適用于塊級元素和內聯元素。 以上是 CSS 實現水平居中的幾種方式。根據不同的場景和需求，可以使用不同的方式來實現水平居中效果。