Как вертикально выровнять div внутри ячейки таблицы?

Как вертикально центрировать div, который находится внутри ячейки таблицы?

HTML:

<tr class="rowClass">
    <td class="cellClass">
        <div class="divClass">Stuff</div>
    </td>
</tr>

CSS:

.rowClass {
    vertical-align:middle !important;
    height:90px;
}

.cellClass {
    vertical-align:middle !important;
    height:90px;
}

.divClass {
    vertical-align:middle !important;
    height:90px;
}

Я знаю, что определения классов избыточны, но я пробовал много разных вещей. Почему решение (каким бы оно ни было) не интуитивно понятно. Ни одно из «очевидных» решений, которые я пробовал, не сработало.

25
задан Brian Tompsett - 汤莱恩 6 July 2017 в 19:48
поделиться