fxFlex 不调整元素大小答案

【问题标题】：fxFlex not resizing elementsfxFlex 不调整元素大小
【发布时间】：2019-11-13 09:46:42
【问题描述】：

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>

我明白了

但我只希望使用指令

【问题讨论】：

不确定你在这里问的是什么；你想要什么最终结果？ div 占用 100% 宽度？您可能想尝试使用fxLayout="row" 而不是“列”
这正是我所需要的，谢谢

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

【解决方案1】：

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

【讨论】：