fxFlex不调整元素大小

时间:2019-07-02 17:42:55

标签: angular flexbox angular-material angular-flex-layout

fxFlex指令不适用于宽度,但是当我手动设置宽度时,如何使它起作用?

我曾尝试在styles.scss文件中将mat-card元素的宽度设置为100%,但这会占用div中的所有可用空间

div占据了所有可用空间

<div fxLayout="column" fxLayoutAlign="start center" fxLayoutGap="10px" fxFill>

    <mat-card fxFlex.lt-sm="90" fxFlex.lt-md="80"  fxFlex="70">
        <mat-card-title>Create a new user</mat-card-title>
        <mat-card-content>

        </mat-card-content>
    </mat-card>
</div>

我明白了 got this

但是我只想使用指令 expected

1 个答案:

答案 0 :(得分:2)

您可能想尝试使用fxLayout =“ row”而不是“ column”。