div中的文字按照div高度上下居中

在HTML中，如果你想让div中的文字垂直居中对齐，并且自适应div的高度，你可以利用CSS flex布局或者grid布局来实现。以下是两种常见的方法：

1. **使用Flexbox**:

   <style>
   .parent {
     display: flex;
     align-items: center; /* 这使得内容在主轴上居中 */
     justify-content: center; /* 这使得内容在交叉轴上居中，默认是左右居中 */
     height: whatever-height-you-want; /* 设置div的高度 */
   }
   </style>

   <div class="parent">
     <!-- 文字内容 -->
   </div>

2. **使用Grid布局**:

   <style>
   .parent {
     display: grid;
     place-items: center; /* 这将元素在行和列上都居中 */
     height: whatever-height-you-want; /* 设置div的高度 */
   }
   </style>

   <div class="parent">
     <!-- 文字内容 -->
   </div>

如果你想要兼容旧版浏览器，可以考虑使用`line-height`配合`padding`来达到类似效果，但这不是标准的弹性布局。