Как получить тд контент по вертикали?

Question

Использование Jhipster v5.0.1 и Angular v6.0.0.

Цель

Я хочу выровнять текст по вертикали в моих tds.

Попробуйте

Я попытался просто добавить align-middle в свою таблицу:

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

Здесь класс text-center работает, но не align-middle.

Попробуйте 2

Я попытался напрямую изменить стиль в _tables.scss следующим образом:

th,
  td {
   padding: $table-cell-padding;
   vertical-align: middle;
   border-top: $table-border-width solid $table-border-color;
  }

Впоследствии я сделал запуск пряжипопытаться обновить стили.Однако изменения не принимаются во внимание.

Issue

Могу ли я напрямую изменить класс в таблице для выравнивания по вертикали?Как изменения в scss могут быть обнаружены приложением и браузером?

Спасибо!

Мануэла

Answer 1

Я хочу выровнять текст по вертикали в моих tds. , тогда почему вы используете этот класс для <table> элемента?

Вам нужно будет добавить класс align-middle кtd-элемент, как показано ниже:

<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">