html - 由于向描述中添加图标按钮而导致未对齐后垂直对齐垫扩展面板标题

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;
}