多行文本如何垂直居中？

多行文本如何垂直居中？
hight和line hight一样是用来决定单行文本的吧？
多行文本一定得用js吗？

符合你的需求吗？

img


<style>
      .container {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    </style>

 <body>
    <!-- <button id="btn">click me</button> -->
    <div class="container">
      <p>我是多行文本</p>
      <p>我是多行文本我是多行文本</p>
      <p>我是多行文本我是多行文本我是多行文本我是多行文本</p>
    </div>
  </body>

```

这种问题就是让元素如何在一个区域内垂直居中，
你可以用定位来实现，也可以用定位配合transform来实现，也可以用弹性布局。方法有很多。一定要多写多看多总结呀兄弟

定位和flex布局都可以呀，容器别给高度，自动去垂直居中