CSS 中的頁面居中是一個常見的需求，下面我們來看一下有哪些方法可以實現。

1. 文字居中

p {
text-align: center;
}

2. 水平居中

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

3. 垂直居中

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

4. 水平和垂直同時居中

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

5. 絕對定位居中

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

6. flex 布局實現垂直居中

.container {
display: flex;
flex-direction: column;
justify-content: center;
}

以上就是幾種實現頁面居中的方法，你可以根據具體需求選擇適合的方式進行布局。