CSS控制水平居中顯示是Web設(shè)計(jì)中的一項(xiàng)重要技能。它可以使網(wǎng)頁上的元素在頁面中間展示，提高視覺層次感和用戶體驗(yàn)。下面介紹幾種方法實(shí)現(xiàn)水平居中顯示：

/* 塊級(jí)元素水平居中顯示 */
margin: 0 auto;
/* 確定寬度后水平居中顯示 */
width: 500px;
margin: 0 auto;
/* 彈性盒子水平居中顯示 */
display: flex;
justify-content: center;
align-items: center;

第一個(gè)方法是利用margin屬性實(shí)現(xiàn)。在橫向方向上，左右的margin值設(shè)置為auto，就可以實(shí)現(xiàn)水平居中顯示。這個(gè)方法適用于塊級(jí)元素，如div、p、h1等標(biāo)簽。

第二個(gè)方法是先給元素設(shè)置一個(gè)固定寬度，然后接著用margin屬性實(shí)現(xiàn)。同樣是左右的margin值設(shè)置為auto，就可以實(shí)現(xiàn)水平居中顯示。這個(gè)方法適用于那些可以確定寬度的元素。

第三個(gè)方法是利用彈性盒子實(shí)現(xiàn)。先將元素的display屬性設(shè)置為flex，然后接著使用justify-content和align-items屬性。這樣，元素就會(huì)在容器中水平和垂直方向上都居中顯示。這個(gè)方法適用于比較復(fù)雜的布局。

以上就是CSS控制水平居中顯示的三種方法。開發(fā)者可以根據(jù)實(shí)際需要選擇合適的方式。