CSS中，要使p元素垂直居中，可以通過多種方式實(shí)現(xiàn)，利用flexbox布局是一種簡(jiǎn)單有效的方法。

我們需要將p元素的父容器設(shè)置為flexbox布局，可以通過在父容器上添加以下CSS樣式來實(shí)現(xiàn)：

display: flex;
align-items: center;

display: flex;表示將父容器設(shè)置為flexbox布局，align-items: center;表示將子元素垂直居中。

我們可以在p元素上添加一些樣式，以便更好地展示效果，可以設(shè)置p元素的寬度、高度、背景顏色等屬性，以下是一個(gè)完整的示例：

<div class="parent">
  <p class="child">Hello, World!</p>
</div>

.parent {
  display: flex;
  align-items: center;
  height: 200px;
  border: 1px solid #000;
}
.child {
  width: 100px;
  height: 50px;
  background-color: #f00;
  color: #fff;
  text-align: center;
  line-height: 50px;
}

在上面的示例中，我們創(chuàng)建了一個(gè)名為parent的div容器，并將p元素作為其子元素，我們將parent容器設(shè)置為flexbox布局，并將子元素垂直居中，我們還設(shè)置了parent容器和p元素的一些樣式，以便更好地展示效果。

運(yùn)行上述代碼后，您將會(huì)看到p元素在垂直方向上居中的效果。