CSS布局可以實現居中效果。在網頁布局中，居中是一個非常常見的需求，因為它可以讓頁面看起來更加美觀、規整。下面我們來介紹幾種CSS布局實現居中的方法。

1. 水平居中

.container {
width: 50%;
margin: 0 auto;
}

這是一種最常見的實現水平居中的方法。在CSS中，所有元素都有一個默認的寬度，這個默認值是100%。我們可以通過設置容器的寬度為一定值來限制其寬度，然后使用margin屬性將其左右自動居中。

2. 垂直居中

.container {
position: relative;
}
.center {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

實現垂直居中需要使用position屬性，將容器的position屬性設置為relative。然后在容器中創建一個子元素，將其position屬性設置為absolute，再將其top屬性設置為50%，即讓該元素向上移動50%的高度。但是這時候它只能移到容器的頂部，所以需要使用transform屬性的translateY函數，將其向上移動自身高度的一半，即可實現垂直居中。

3. 水平垂直居中

.container {
display: flex;
justify-content:center;
align-items: center;
}

使用Flexbox布局可以非常方便地實現水平垂直居中。將容器的display屬性設置為flex，然后分別使用justify-content屬性和align-items屬性將其子元素在水平和垂直方向上居中即可。

綜上所述，CSS布局可以實現多種居中效果，使頁面更加美觀、規整。使用不同方法靈活運用可以實現不同的需求。