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

Bootstrap 4 如何使td内容垂直对齐?,bootstrap-4,jhipster,Bootstrap 4,Jhipster,使用Jhipster v5.0.1和Angular v6.0.0 目标 我想垂直对齐tds中的文本 试试看 我试图简单地将align middle添加到我的表中: <table class="table table-striped text-center align-middle"> 随后,我开始尝试更新样式。但是,这些变化没有考虑在内 问题 我可以直接更改表中的类以垂直对齐对象吗?应用程序和浏览器如何检测SCS中的更改 谢谢 Manuela我想垂直对齐tds中的文本。那么为什么要

使用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中添加这个类似乎有点重。太棒了!