h2标签的标题文字垂直居中不生效

要使h2标签的标题文字垂直居中生效，可以使用以下方法：

方法一：使用Flexbox布局

HTML代码：

<div class="container">
   <h2 class="title">标题文字</h2>
</div>

CSS代码：

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

.title {
   margin: 0; /* 清除默认的margin */
}

方法二：使用表格布局

HTML代码：

<table>
   <tr>
      <td>
         <h2 class="title">标题文字</h2>
      </td>
   </tr>
</table>

CSS代码：

table {
   height: 100%; /* 设置父元素高度，确保垂直居中生效 */
   width: 100%; /* 设置父元素宽度，确保水平居中生效 */
   table-layout: fixed; /* 固定表格布局 */
}

td {
   vertical-align: middle; /* 垂直居中 */
}

.title {
   margin: 0; /* 清除默认的margin */
}

以上两种方法都可以使h2标签的标题文字垂直居中生效。根据实际情况选择适合的方法即可。