由于未在说明中添加图标按钮而导致未对齐后的垫子扩展面板标题垂直对齐

时间:2018-12-04 13:49:14

标签: html css angular angular-material

我在mat-expansion-panel的标题描述中添加了一个图标按钮,但是它使垂直对齐方式偏离了我实际的面板标题。

有一种简单的方法可以解决此问题吗?

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

1 个答案:

答案 0 :(得分:1)

您可以在下面的代码中添加垂直对齐方式

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

enter image description here