CSS居中頁面的方法有以下幾種：

1. 使用margin屬性：

• 水平居中：設置左右margin為auto，例如：margin: 0 auto;

• 垂直居中：設置上下margin為auto，并將父元素的高度設置為100%，例如：margin: auto; height: 100%;

2. 使用flexbox布局：

• 水平居中：設置父元素的display為flex，然后使用justify-content屬性將子元素水平居中，例如：display: flex; justify-content: center;

• 垂直居中：設置父元素的display為flex，然后使用align-items屬性將子元素垂直居中，例如：display: flex; align-items: center;

3. 使用grid布局：

• 水平居中：設置父元素的display為grid，然后使用justify-items屬性將子元素水平居中，例如：display: grid; justify-items: center;

• 垂直居中：設置父元素的display為grid，然后使用align-items屬性將子元素垂直居中，例如：display: grid; align-items: center;

4. 使用position屬性：

• 水平居中：將子元素的position設置為absolute，然后使用left和right屬性將其水平居中，例如：position: absolute; left: 0; right: 0; margin: auto;

• 垂直居中：將子元素的position設置為absolute，然后使用top和bottom屬性將其垂直居中，例如：position: absolute; top: 0; bottom: 0; margin: auto;

5. 使用transform屬性：

• 水平居中：將子元素的position設置為absolute，然后使用transform屬性將其水平居中，例如：position: absolute; left: 50%; transform: translateX(-50%);

• 垂直居中：將子元素的position設置為absolute，然后使用transform屬性將其垂直居中，例如：position: absolute; top: 50%; transform: translateY(-50%);

以上是一些常見的CSS居中頁面的方法，具體使用哪種方法取決于具體的需求和布局結構。