我们如何将标题标题居中<mat-header-cell>？例如对于：
<mat-header-cell style="text-align: center" *matHeaderCellDef>Customer Orders</mat-header-cell>
尝试过，style="text-align: center"但没有爱。
这些词Customer Orders应该出现在这样的列中：
Customer
Orders
我想将每个单词放在一个单独的 div 中，并将它们与 flexbox 对齐，但想知道是否有更简单的方法？
这是 flexbox 方法的标记：
<mat-header-cell *matHeaderCellDef>
<div>Customer</div>
<div>Orders</div>
</mat-header-cell>
请注意这个问题：
https://github.com/angular/components/issues/16952
添加 sort 指令会添加此类：
.mat-sort-header-button {
border: none;
background: 0 0;
/* display: flex; */
/* align-items: center; */
padding: 0;
cursor: inherit;
outline: 0;
font: inherit;
color: currentColor;
}
如果您注释掉，如图所示，display:flex并且align-items: center它会工作。然而，CSS 中的顺序很重要，所以这必须在指令添加它赢得 CSS 之后完成，这更加棘手。我只会在 github 问题中发布此观察结果，然后看看 Google 怎么说。
在组件的样式表中尝试类似的操作
.mat-header-cell {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句