在網頁布局中，把盒子放在中間是經常遇到的問題。下面介紹一種方法，使用CSS實現將盒子放置在頁面居中位置。

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

上述代碼將元素的位置設置為絕對定位，然后通過top屬性將元素向下移動了50%的高度，再通過left屬性向右移動了50%的寬度，這時候元素就移動到頁面的中心位置。但是，盒子的左上角此時處于頁面中心，我們需要將盒子的中心與頁面中心重合，這時就需要使用CSS3的transform屬性。

translate屬性為元素平移函數，可以設置元素在 x、y 軸上的平移距離。通過設置transform: translate(-50%, -50%); 將元素左上角平移至容器中心，從而實現盒子的居中。

使用上述方法，可以輕松實現在任何位置放置任何大小的盒子，并將其居中。不過需要注意的是，在使用絕對定位時，外層容器需要設置相對定位。