CSS是網(wǎng)頁設(shè)計(jì)中不可或缺的一部分，通過CSS可以對(duì)網(wǎng)頁進(jìn)行樣式的設(shè)置，其中包括水平居中對(duì)齊。下面我們將通過pre標(biāo)簽來展示CSS實(shí)現(xiàn)網(wǎng)頁水平居中對(duì)齊的方法。

.center {
display: flex; 
justify-content: center; 
align-items: center;
}

其中，center是類名，可以根據(jù)需要自己定義。這里使用了flex布局，其中justify-content: center;和align-items: center;是實(shí)現(xiàn)水平居中對(duì)齊的關(guān)鍵。

上述的代碼只是針對(duì)一個(gè)元素的水平居中對(duì)齊，如果需要對(duì)整個(gè)頁面進(jìn)行水平居中對(duì)齊，可以使用以下代碼：

html, body {
height: 100%; 
}
body {
display: flex; 
justify-content: center; 
align-items: center; 
}

其中，設(shè)置html和body的height為100%，是為了讓body元素占滿整個(gè)頁面。然后，將body元素的display設(shè)置為flex，并使用justify-content: center;和align-items: center;實(shí)現(xiàn)水平居中對(duì)齊。

總之，CSS提供了多種方式實(shí)現(xiàn)網(wǎng)頁水平居中對(duì)齊，具體的選擇可以根據(jù)需求和設(shè)計(jì)風(fēng)格進(jìn)行。但是，掌握flex布局是非常重要的，因?yàn)樗诤罄m(xù)的網(wǎng)頁設(shè)計(jì)中經(jīng)常被使用。