CSS居中對齊是網頁設計時常用的技巧，可以讓頁面更加美觀舒適。下面我們將介紹如何使用CSS實現居中對齊。

在CSS中，有三種方式實現居中對齊，分別是水平居中、垂直居中和水平垂直同時居中。

/* 水平居中 */
.box {
width: 200px;
margin: auto;
}
/* 垂直居中 */
.box {
height: 200px;
position: relative;
}
.box child {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
/* 水平垂直同時居中 */
.box {
width: 200px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

以上三種方式都是基于CSS的盒模型實現的，其中水平居中使用了margin的值為auto，垂直居中使用了position的relative和absolute屬性，水平垂直同時居中使用了transform的屬性。

除此之外，還有一種方式就是使用Flex布局實現居中對齊。在Flex布局中，只需要設置父容器的display為flex，再設置justify-content和align-items即可實現水平垂直居中對齊。

/* Flex實現水平垂直居中 */
.container {
display: flex;
justify-content: center;
align-items: center;
}

以上就是CSS實現居中對齊的幾種方式，我們可以根據不同的需要靈活使用。