CSS3有很多強大的定位屬性，其中最常見的就是居中定位。居中定位讓我們可以輕松地將元素居中對齊，讓頁面更加美觀。

在CSS3中，我們可以使用transform屬性和position屬性配合實現居中定位。

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

上面的代碼中，我們將元素的position屬性設置為absolute，并將其top和left屬性都設置為50%。這樣元素就會出現在頁面的中心位置。

接著，我們使用transform屬性的translate函數，將元素向左上方移動自身寬高的一半，這樣元素就真正居中了。

.center {
position: relative;
left: 50%;
transform: translateX(-50%);
}

如果我們只想水平居中一個元素，可以使用relative屬性和transform屬性的translateX函數：

上面的代碼中，我們將元素的position屬性設置為relative，并將其left屬性設置為50%。然后使用transform屬性的translateX函數，將元素左移自身寬度的一半，這樣元素就水平居中了。

總之，CSS3的居中定位讓我們可以輕松地實現元素在頁面中心的定位，讓頁面更加美觀。大家可以根據實際需求靈活運用這些定位屬性。