CSS中讓框垂直居中顯示有多種方法，其中較為簡單的方法是使用flex布局，下面是一個(gè)示例代碼：

<div class="container">
  <div class="box"></div>
</div>

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

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh; /* 這里可以根據(jù)需要調(diào)整 */
}
.box {
  width: 200px; /* 這里可以根據(jù)需要調(diào)整 */
  height: 200px; /* 這里可以根據(jù)需要調(diào)整 */
  background-color: #333; /* 這里可以根據(jù)需要調(diào)整 */
}

在這個(gè)示例中，我們首先將容器設(shè)置為flex布局，然后使用align-items和justify-content屬性將盒子垂直居中顯示，為了讓盒子在容器中垂直居中，我們還將容器的高度設(shè)置為100vh，這樣可以讓容器占據(jù)整個(gè)視口的高度，我們給盒子設(shè)置了一個(gè)背景顏色，以便更好地看到盒子的位置。

除了這種方法，還有其他方法可以讓框垂直居中顯示，比如使用position屬性將盒子相對于容器進(jìn)行定位，或者使用transform屬性將盒子進(jìn)行偏移等，使用flex布局的方法相對較為簡單和方便。