CSS居中布局是網頁設計中常用的一種布局方式，能夠使元素在水平或垂直方向上居中顯示。下面介紹幾種常用的CSS居中布局屬性：

/*水平居中*/
.container {
display: flex;
justify-content: center;
}
/*垂直居中*/
.container {
display: flex;
align-items: center;
}
/*水平垂直居中*/
.container {
display: flex;
justify-content: center;
align-items: center;
}
/*居中位置有固定寬高的元素*/
.container {
position: relative;
}
.box {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

以上是幾種常用的CSS居中布局屬性，根據具體情況選擇合適的方式進行布局，能夠讓網頁設計更美觀，更專業。