CSS樣式在網(wǎng)頁設(shè)計(jì)中起著重要的作用。其中，居中對(duì)齊在排版中是常見需求之一。下面將介紹幾種常用的CSS居中對(duì)齊方法。

/* 水平居中對(duì)齊 */
.center-horizontal {
display: flex;
justify-content: center;
}
/* 垂直居中對(duì)齊 */
.center-vertical {
display: flex;
flex-direction: column;
justify-content: center;
}
/* 水平垂直居中對(duì)齊 */
.center {
display: flex;
justify-content: center;
align-items: center;
}

以上代碼演示了三種常用的CSS居中對(duì)齊方法。分別實(shí)現(xiàn)了水平居中、垂直居中和水平垂直居中三種對(duì)齊方式。

其中，display: flex;是關(guān)鍵設(shè)置，它指定了使用flex布局。justify-content屬性控制flex容器中項(xiàng)目在主軸上的對(duì)齊方式，align-items屬性控制flex容器中項(xiàng)目在交叉軸上的對(duì)齊方式。flex-direction屬性則控制了項(xiàng)目的排列方向。

通過組合使用這些屬性，可以實(shí)現(xiàn)靈活的居中對(duì)齊效果，為網(wǎng)頁設(shè)計(jì)提供了更多樣式選擇。