CSS中可以使用多種方法將網(wǎng)頁元素居中，但將整個網(wǎng)頁居中通常需要使用flexbox布局或grid布局。

我們可以使用CSS的flexbox布局來實現(xiàn)網(wǎng)頁居中，將網(wǎng)頁的根元素設(shè)置為flexbox容器，然后將其子元素設(shè)置為flex項，就可以輕松地將子元素在容器中居中了。

body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
}

上述代碼中，display: flex;將body元素設(shè)置為flexbox容器，justify-content: center;和align-items: center;分別將子元素在水平和垂直方向上居中。height: 100vh;將body元素的高度設(shè)置為視口高度的100%，margin: 0;則去除了body元素的外邊距。

我們還可以使用CSS的grid布局來實現(xiàn)網(wǎng)頁居中，與flexbox布局類似，將網(wǎng)頁的根元素設(shè)置為grid容器，然后將其子元素設(shè)置為grid項，就可以輕松地將子元素在容器中居中了。

body {
  display: grid;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
}

上述代碼中，display: grid;將body元素設(shè)置為grid容器，justify-content: center;和align-items: center;分別將子元素在水平和垂直方向上居中。height: 100vh;將body元素的高度設(shè)置為視口高度的100%，margin: 0;則去除了body元素的外邊距。

需要注意的是，使用flexbox布局或grid布局時，子元素的寬度和高度需要自適應(yīng)，否則可能會出現(xiàn)無法預(yù)期的效果，如果網(wǎng)頁中包含多個層級，需要在每個層級都進(jìn)行居中的操作。