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

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

以上代碼演示了三種常用的CSS居中對齊方法。分別實現了水平居中、垂直居中和水平垂直居中三種對齊方式。

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

通過組合使用這些屬性，可以實現靈活的居中對齊效果，為網頁設計提供了更多樣式選擇。