更改角度材料扩展面板中的布局

Question

如何更改扩展面板内部的布局以具有行布局？ 据我所知，无论我使用什么类型的<div fxLayout="row" ...等，我都会在扩展面板内部有一个列布局。

示例代码：

<mat-expansion-panel-header>
    <mat-panel-title>
        Skills
    </mat-panel-title>
</mat-expansion-panel-header>

    <div fxLayout="row" fxLayoutAlign="center center">
            <div>
                <p>Test</p>
            </div>
            <div>
                <p>Test</p>
            </div>
            <div>
                <p>Test</p>
            </div>
    </div>
</mat-expansion-panel>

将返回

Test
Test
Test

Answer 1

确保已包含flex-layout模块 - 如果您不确定，请尝试将fxLayout属性替换为设置{display：flex;或者只是使用style =＆＃34; display：flex;＆＃34;将其内联添加到该div上。 （flex-direction：行是默认值）