由于在描述中添加图标按钮，在未对齐后垂直对齐 mat-expansion-panel 标题

Question

我在 mat-expansion-panel 的标题描述中添加了一个图标按钮，但是它已经将垂直对齐从我的实际面板标题中抛出。

有没有简单的方法来解决这个问题？

https://stackblitz.com/edit/justify-toggle-button-end-ulgdrt

Answer 1

您可以添加下面的代码，它将负责垂直对齐

.mat-expansion-panel-header-title {
    display: flex;
    justify-content: center;
    flex-direction: column;
}