在進行頁面設計時，頁面居中是一個非常重要的問題。無論是為了維護頁面的美觀，還是為了提高用戶體驗，讓整個頁面居中都是非常必要的。下面我們來介紹一些 CSS 居中的方法。

方法一：使用 margin 居中

.container {
width: 500px;
height: 500px;
margin: 0 auto;
}

方法二：使用 flex 居中

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

方法三：使用絕對定位居中

.container {
width: 500px;
height: 500px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -250px;
margin-left: -250px;
}

以上是三種實現頁面居中的方法，具體選擇哪種方法還需要根據實際情況來確定。在使用絕對定位居中時一定要注意給父元素添加 relative 定位。在實際應用中，我們也可以將多種方法結合使用，比如使用 flex 居中并在其中嵌套一個 margin 居中的容器。