выравнивание текста внутри ячейки ag-grid по вертикали

Question

Я создаю сетку, которая будет на большом экране и должна иметь большую высоту строк и текст, чтобы их можно было видеть на расстоянии.Проблема в том, что текст в моих ячейках выровнен по верху ячейки не по центру.Я установил свой rowHeight на 100 и rowClass на «большой ряд».Я нашел нижние 3 строки CSS, но это не помогло.Изображение ниже показывает мою проблему.

.large-row {
 text-align: center !important;
 font-size:2.5em;
 font-weight: bolder;

 display: inline-block;
 vertical-align: middle;
 line-height: normal;
}

Answer 1

Чтобы достичь ожидаемого результата, установите высоту строки в CSS для центрирования контента по вертикали

.ag-cell { line-height: 18px; } 

Answer 2

Angular 2+ имеет API с именем "fxFlex" , который предоставляет атрибут HTML с именем "fxLayoutAlign", который делает выравнивание элементов быстрым.

Прежде всего, удалите нижние 3 свойства CSSа также свойство text-align, которое вам предоставит атрибут fxLayoutAlign:

.large-row {
   font-size:2.5em;
   font-weight: bolder;
}

В своем HTML вы будете использовать следующие варианты:

<div class="large-row" fxLayoutAlign="center center"> ..... </div>

Этот сайт позволяет вам играть с API fxFlex.Я использую это почти каждый день на своей работе.Это замечательный ресурс