div中文字垂直居中

可以使用CSS的flex布局来实现：

<div class="container">
  <p>这是一段文字</p>
</div>

<style>
.container{
  display: flex;
  align-items: center; /* 垂直居中 */
}
</style>

或者使用CSS的table布局来实现：

<div class="container">
  <div class="cell">
    <p>这是一段文字</p>
  </div>
</div>

<style>
.container{
  display: table;
  width: 100%;
  height: 100%;
}

.cell{
  display: table-cell;
  vertical-align: middle; /* 垂直居中 */
}
</style>