Как выровнять кнопки в ячейках таблицы по центру? css Без изменения границ

Показываю кусок таблицы

кусок таблицы

Кнопки не выровнены. Не помогает

td:last-child{display: inline-block; text-align: center;}

Я добавил:

td:last-child{display:flex; justify-content:center; height:100%;}

кусок таблицы с ровными кнопками

Ячейки из-за своих границы выгдяят отчуждёнными. Казалось бы, на это можно не обращать внимание. Но при сужении страницы ячейка остаётся в прежних размерах, когда остальные ячейки расширяются вдоль.

ячейки flex

При

flex-direction: column;

Кнопки в ячейке становятся в столбик, даже без сужения.


Ответы (1 шт):

Автор решения: Максим

К кнопкам добавлен

vertical-align: top;
→ Ссылка