CSS居中對齊屬性在網頁設計中是非常重要的，可以有效地實現元素在頁面中居中顯示。本文將介紹一些常用的CSS居中對齊屬性的用法。

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

上面的代碼中，我們使用了flex布局來實現居中對齊。其中，justify-content屬性用于水平對齊，align-items屬性用于垂直對齊。

除了使用flex布局之外，我們還可以使用text-align屬性來實現水平居中對齊，例如：

.container {
text-align: center;
}
.container img {
display: inline-block;
}

上面的代碼中，我們設置了容器的text-align屬性為center，將圖片元素設置為inline-block，實現了圖片的水平居中對齊。

最后，我們還可以使用position屬性來實現定位居中對齊，例如：

.container {
position: relative;
}
.container img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

上面的代碼中，我們設置了容器的position屬性為relative，將圖片元素設置為absolute，并分別設置了left和top屬性為50%，再使用transform屬性進行偏移，實現了圖片的居中對齊。

總之，CSS居中對齊屬性是非常實用的，掌握了它的用法，可以讓我們在網頁設計中更加得心應手。