表格行中的 CSS 文本定位

Question

在表格行的中间定位文本没有什么问题。

每个表格行包含三个<td> 元素。我想将文本放置在单元格的中间。现在，“描述”较长的“名称”文本位于顶部。 我累了

td {
  vertical-align: middle;
}

但这不起作用。 如何正确定位文字？

更新
这工作正常：

.table tbody>tr>td.vert-align{
    vertical-align: middle;
}

Answer 1

另一个我认为最合规的好选择是使用 line-height 属性垂直对齐/居中单行文本

td {
  line-height: 100px; /*play around with this value*/
}