CSS中，我們可以使用flex布局來讓元素在底部居中，以下是一個簡單的示例：

<div class="container">
  <div class="content">
    <!-- 頁面內容 -->
  </div>
  <div class="footer">
    <!-- 頁面底部內容，需要居中顯示 -->
  </div>
</div>

在CSS中，我們可以這樣寫：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 讓容器占據(jù)整個視口高度 */
}
.content {
  /* 頁面內容樣式 */
}
.footer {
  /* 頁面底部內容樣式，如果需要的話 */
}

在這個示例中，.container元素使用了flex布局，并且設置了justify-content和align-items屬性來讓子元素在底部居中，我們還設置了height屬性來讓容器占據(jù)整個視口高度，這樣可以讓底部內容始終顯示在視口的底部。

需要注意的是，如果頁面內容的高度超過了視口高度，那么這個方案可能無法正常工作，在這種情況下，我們可以考慮使用JavaScript來動態(tài)計算底部內容的高度，并相應地調整容器的高度。