在CSS中，讓頁面居中是一個常見的需求，有多種方法可以實(shí)現(xiàn)頁面的居中顯示，其中常見的方法包括使用margin、transform、flexbox等屬性。

我們可以使用CSS的margin屬性來讓頁面居中，通過給body元素添加左右相等的margin，可以使得頁面在水平方向上居中。

body {
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}

在這個例子中，我們給body元素添加了左右相等的margin，并將其寬度設(shè)置為500px，從而使得頁面在水平方向上居中顯示。

我們還可以使用CSS的transform屬性來讓頁面居中，通過給body元素添加transform屬性，可以使得頁面在水平和垂直方向上同時(shí)居中。

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

在這個例子中，我們給body元素添加了position和transform屬性，通過position屬性將body元素定位在頁面的中心位置，然后使用transform屬性來微調(diào)其位置，從而實(shí)現(xiàn)頁面的完全居中顯示。

除了以上兩種方法外，我們還可以使用CSS的flexbox布局來讓頁面居中，通過給父元素添加flexbox布局，可以使得子元素在水平和垂直方向上同時(shí)居中。

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

在這個例子中，我們給容器元素添加了flexbox布局，并通過justify-content和align-items屬性來使得子元素在水平和垂直方向上同時(shí)居中顯示。