Angular Material 在没有 CSS Flex 的情况下对齐单元格内容？无论如何在行上水平移动 mis-aligns 个单元格

Question

在我的 table 中有一列里面有按钮，由于它看起来很不对齐，所以我决定将 header 对齐中间那一列 - 没问题。现在我正在尝试对齐该列的其余部分。

问题是，使用 CSS Flex 可以，但完全没有水平对齐单元格，like this: Link.

对齐列单元格的代码很简单：

#transmittalContent.mat-cell {
  display: flex;
  justify-content: center!important;
}

我已经尝试了所有其他对齐方式，但根本行不通。

也通过 angular flex 布局进行了尝试，但最终只是 CSS Flex。

Answer 1

您是否尝试过使用 flex 和 justify-content 对齐单元格内的按钮而不是单元格本身？

Angular Material align cell contents without CSS Flex? Flex mis-aligns cells horizontally on row no matter what