在網(wǎng)頁(yè)設(shè)計(jì)中，水平居中可以讓頁(yè)面看起來(lái)更加美觀和整潔。在 CSS 中，實(shí)現(xiàn)水平居中有多種方式。 一、使用 text-align 屬性 可以使用 text-align 屬性來(lái)實(shí)現(xiàn)文本水平居中，比如將 div 元素內(nèi)的文本水平居中，可以這樣寫(xiě)：

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

這樣寫(xiě)可以讓文本居中顯示，但是對(duì)于其他元素并不適用。 二、使用 margin 屬性 可以使用 margin 屬性來(lái)實(shí)現(xiàn)元素水平居中，比如將 div 元素水平居中，可以這樣寫(xiě)：

<div style="margin:auto;">這里是內(nèi)容</div>

這樣寫(xiě)可以讓 div 元素水平居中，但是對(duì)于內(nèi)聯(lián)元素并不適用。 三、使用 flex 屬性 可以使用 flex 布局來(lái)實(shí)現(xiàn)元素水平居中。首先需要給父元素添加 display: flex; 屬性，然后再給子元素添加 margin: auto; 屬性，就可以實(shí)現(xiàn)水平居中了，比如：

<div style="display:flex;">
<div style="margin:auto;">這里是內(nèi)容</div>
</div>

這樣做可以同時(shí)適用于塊級(jí)元素和內(nèi)聯(lián)元素。 以上是 CSS 實(shí)現(xiàn)水平居中的幾種方式。根據(jù)不同的場(chǎng)景和需求，可以使用不同的方式來(lái)實(shí)現(xiàn)水平居中效果。