CSS3是一種非常重要的前端技術，它可以用來控制網頁的樣式，其中包括頁面布局。在頁面布局中，居中是一種非常常見的操作。CSS3提供了多種方法來實現居中布局。

/* 水平居中 */
.center{
margin: 0 auto;
}

上述代碼中，我們可以看到使用了margin屬性來控制元素的外邊距，其中左右外邊距設置為auto。這樣的話，元素就會自動水平居中。

/* 垂直居中 */
.center{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

上述代碼中，我們使用了position屬性，讓元素的定位變為絕對定位，并設置了top和left屬性為50%，將元素移動到頁面的中心。由于這種方法無法準確計算元素的高度，我們使用transform屬性來細調元素的位置，將其相對自身的寬高向左上角偏移50%。

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

上述代碼中，我們可以看到使用了flex布局。將容器的display屬性設置為flex，利用justify-content和align-items屬性分別控制元素在水平和垂直方向的位置。設置值為center，就可以讓元素同時水平垂直居中。