Bootstrap 4 如何使td内容垂直对齐？

使用Jhipster v5.0.1和Angular v6.0.0

目标

我想垂直对齐tds中的文本

试试看

我试图简单地将align middle添加到我的表中：

<table class="table table-striped text-center align-middle">

随后，我开始尝试更新样式。但是，这些变化没有考虑在内

问题

我可以直接更改表中的类以垂直对齐对象吗？应用程序和浏览器如何检测SCS中的更改

谢谢

Manuela

我想垂直对齐tds中的文本。那么为什么要在

元素上使用该类呢

必须将类align middle添加到td元素，如下所示：

<table>
  <tbody>
    <tr>
      <td class="align-middle">middle</td>
    </tr>
  </tbody>
</table>

中间的

注意：

在表类为

时不起作用。我想垂直对齐tds中的文本。那么为什么要在

元素上使用该类呢

必须将类align middle添加到td元素，如下所示：

<table>
  <tbody>
    <tr>
      <td class="align-middle">middle</td>
    </tr>
  </tbody>
</table>

中间的

---

注意：

在表类为

时不起作用，谢谢。我想知道是否有更简单的方法？在我所有的tds中添加这个类似乎有点重。太棒了！好的，谢谢。我想知道是否有更简单的方法？在我所有的tds中添加这个类似乎有点重。太棒了！