Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
角度材质对齐单元格内容而不使用CSS Flex?Flex在任何情况下都会将单元格水平对齐 在我的表中有一个里面有按钮的列,因为它看起来很不对齐,所以我决定只为中间的那个列对齐标题,没问题。现在我试着把这列的其余部分对齐_Css_Angular_Flexbox_Angular Material_Angular Material Table - Fatal编程技术网

角度材质对齐单元格内容而不使用CSS Flex?Flex在任何情况下都会将单元格水平对齐 在我的表中有一个里面有按钮的列,因为它看起来很不对齐,所以我决定只为中间的那个列对齐标题,没问题。现在我试着把这列的其余部分对齐

角度材质对齐单元格内容而不使用CSS Flex?Flex在任何情况下都会将单元格水平对齐 在我的表中有一个里面有按钮的列,因为它看起来很不对齐,所以我决定只为中间的那个列对齐标题,没问题。现在我试着把这列的其余部分对齐,css,angular,flexbox,angular-material,angular-material-table,Css,Angular,Flexbox,Angular Material,Angular Material Table,问题是,使用CSS Flex可以正常工作,但单元格在水平方向上完全错位 对齐列单元格的代码很简单: #transmittalContent.mat-cell { display: flex; justify-content: center!important; } 我已经尝试了所有其他方法来调整这一点,但它根本不起作用 也尝试过通过angular flex布局,但最终只是以CSS flex结束。您是否尝试过使用flex对齐单元格内的按钮,而不是使用单元格本身来对齐内容?我没有想到这一点

问题是,使用CSS Flex可以正常工作,但单元格在水平方向上完全错位

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

#transmittalContent.mat-cell {
  display: flex;
  justify-content: center!important;
}
我已经尝试了所有其他方法来调整这一点,但它根本不起作用


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

您是否尝试过使用flex对齐单元格内的按钮,而不是使用单元格本身来对齐内容?

我没有想到这一点——这非常有效!将#transmittalContent ID添加到单元格内的按钮,并使用完全相同的代码。谢谢