css - Angular Material 在没有 CSS Flex 的情况下对齐单元格内容？无论如何，Flex 都会在行上水平对齐单元格

Question

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

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

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

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

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

也尝试过通过 angular flex 布局，但最终只是以 CSS Flex 结束。

Answer 1

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