在編寫網(wǎng)頁時，不僅要考慮布局的整體性，還需要考慮各個元素在頁面中的對齊方式。其中，CSS提供了水平對齊和垂直對齊兩種方式。

水平對齊是指讓元素與其他元素或頁面的水平線對齊，常見的水平對齊方式有：左對齊、右對齊和居中對齊。

.left-align {
text-align: left;
}
.right-align {
text-align: right;
}
.center-align {
text-align: center;
}

以上代碼分別是實(shí)現(xiàn)左對齊、右對齊和居中對齊的CSS樣式。

垂直對齊則是讓元素與其他元素或頁面的垂直線對齊，常見的垂直對齊方式有：頂部對齊、底部對齊和居中對齊。

.top-align {
vertical-align: top;
}
.bottom-align {
vertical-align: bottom;
}
.middle-align {
vertical-align: middle;
}

以上代碼分別是實(shí)現(xiàn)頂部對齊、底部對齊和居中對齊的CSS樣式。

需要注意的是，垂直對齊需要在元素的父元素上應(yīng)用樣式。

在實(shí)際開發(fā)過程中，我們通常會組合使用水平對齊和垂直對齊來實(shí)現(xiàn)更復(fù)雜的布局效果。

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

以上代碼實(shí)現(xiàn)了一個同時進(jìn)行水平居中和垂直居中的效果。

CSS的水平對齊和垂直對齊是網(wǎng)頁布局中不可或缺的一部分。大家在實(shí)際開發(fā)過程中可以根據(jù)自己的需求選擇合適的對齊方式，從而實(shí)現(xiàn)更具有吸引力的網(wǎng)站。