如何使td内容垂直对齐？

Question

使用Jhipster v5.0.1和Angular v6.0.0。

目标

我想在我的tds中垂直对齐文本。

尝试

我只是尝试在表格中添加align-middle：

from google.colab import drive
drive.mount("/content/drive")

这里的文本中心类有效，但不居中对齐。

尝试2

我试图直接更改_tables.scss中的样式，如下所示：

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

随后，我开始进行尝试以更新样式。但是，更改不会考虑在内。

问题

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

谢谢！

Manuela

Answer 1

我想在我的tds中垂直对齐文本。那么为什么在<table>元素上使用该类？

您必须将align-middle类添加到td-element中，如下所示：

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

注意： <td class="align-middle"> doesn't work when the table class is <table class="table-responsive">