如果上面的方法都失效了，你还可以使用“伪元素”，在父元素中放一个100%高度的伪元素，使文本在其中垂直居中。 - 在线编辑器

CSS 布局
CSS水平，垂直居中的11个场景
如果上面的方法都失效了，你还可以使用“伪元素”，在父元素中放一个100%高度的伪元素，使文本在其中垂直居中。

          <style>
  .parent-9 {
    background: green;
    width: 240px;
    height: 200px;
    margin: 20px;
    color: white;
    resize: vertical;
    overflow: auto;
    padding: 20px;
  }

  .ghost-center {
    position: relative;
  }

  .ghost-center::before {
    content: " ";
    display: inline-block;
    height: 100%;
    width: 1%;
    vertical-align: middle;
  }

  .ghost-center p {
    display: inline-block;
    vertical-align: middle;
    width: 190px;
    margin: 0;
    padding: 20px;
    background: black;
  }
</style>

<div class="ghost-center parent-9">
  <p>我是多行文本，通过伪元素实现垂直居中。</p>
</div>

        